【杂记】VSCode小可爱字体

2,345 阅读1分钟

一直很喜欢✍️手写的英文字体样式,下面就教大家怎么设置。

(ps:之前vscode一直用的字体,换了电脑之后一直想不起来字体名称没换,当然啦,这完全不会影响coding,但是总感觉不得劲,偶然看别人的代码截图才想起来。。。)

image.png

类似换了设备,VSCode设置/插件们需要重新安装的情况还是很多的,从头重新配置也是real麻烦,还很难保证 '熟悉的配方,熟悉的味道'。此处安利VSCode 插件setting-sync,它是基于github gists来同步VSCode配置,一键熟悉老味道就这么回来了!


回到正轨,记录一下这个字体“Dank Mono”,字体包给你备好啦~📎字体包.zip

字体包导入mac字体册后, VSCode打开setting.json贴入如下配置:(配置主要是对js中的一些关键字可以完美支持italic字体,如果不满足你的要求,可以尝试自己添加配置,配置名称的查找可以通过:⇧⌘P -> inspect the scopes 来实现,具体参考VS Code 官方文档)。

"editor.fontFamily": "Dank Mono",
"editor.fontLigatures": true,
"editor.tokenColorCustomizations": {
        "textMateRules": [
          {
            "name": "italic font",
            "scope": [
              //following will be in italic
              "comment",
              "emphasis",
              "entity.name.method.js",
              "entity.name.class.js",
              "entity.name.tag.doctype",
              "constant.language.null",
              "keyword",
              "keyword.control",
              "keyword.operator.comparison",
              "keyword.control.flow.js",
              "keyword.control.flow.ts",
              "keyword.control.flow.tsx",
              "keyword.control.ruby",
              "keyword.control.module.ruby",
              "keyword.control.class.ruby",
              "keyword.control.def.ruby",
              "keyword.control.loop.js",
              "keyword.control.loop.ts",
              "keyword.control.import.js",
              "keyword.control.import.ts",
              "keyword.control.import.tsx",
              "keyword.control.from.js",
              "keyword.control.from.ts",
              "keyword.control.from.tsx",
              "keyword.operator.expression.delete",
              "keyword.operator.new",
              "keyword.operator.expression",
              "keyword.operator.cast",
              "keyword.operator.relational",
              "keyword.operator.sizeof",
              "keyword.operator.logical.python",
              "italic",
              "markup.italic",
              "markup.quote",
              "markup.changed",
              "markup.italic.markdown",
              "markup.quote.markdown",
              "markup.deleted.diff",
              "markup.inserted.diff",
              "meta.delimiter.period",
              "meta.diff.header.git",
              "meta.diff.header.from-file",
              "meta.diff.header.to-file",
              "meta.tag.sgml.doctype",
              "meta.var.expr",
              "meta.class meta.method.declaration meta.var.expr storage.type.js",
              "meta.decorator punctuation.decorator",
              "meta.selector",
              "punctuation.accessor",
              "punctuation.definition.comment",
              "punctuation.definition.template-expression.begin",
              "punctuation.definition.template-expression.end",
              "punctuation.section.embedded",
              "quote",
              "source.js constant.other.object.key.js string.unquoted.label.js",
              "source.go keyword.package.go",
              "source.go keyword.import.go",
              "source.go keyword.function.go",
              "source.go keyword.type.go",
              "source.go keyword.struct.go",
              "source.go keyword.interface.go",
              "source.go keyword.then.go",
              "source.go keyword.const.go",
              "source.go keyword.var.go",
              "source.go keyword.map.go",
              "source.go keyword.channel.go",
              "source.go keyword.control.go",
              "storage",
              "storage.type",
              "storage.modifier",
              "storage.type.property.js",
              "storage.type.property.ts",
              "storage.type.property.tsx",
              "tag.decorator.js entity.name.tag.js",
              "tag.decorator.js",
              "text.html.basic entity.other.attribute-name.html",
              "text.html.basic entity.other.attribute-name",
              "variable.language",
              "variable.other.object.property"
            ],
            "settings": {
              "fontStyle": "italic",
            }
          },
        ]
      },
    "editor.fontSize": 14,

字体这东西吧,比如常见的 'Fira Code','Operator Mono','JetBrains Mono',青菜萝卜各有所爱,舒服开心最重要~