vs code 前端主题调整

98 阅读1分钟

试了好多种主题,最后还是习惯用 atom 这个,记录一下我自定义vs code 的设置项。

1. 主题

2. 字体

Editor: Font Family

'JetBrains Mono', Consolas, 'Courier New', monospace

字体下载地址 - 点击下载

3. 行高

Editor: Line Height

4. 字间距

Editor: Letter Spacing

5. 不用斜体

因为有些主题,注释或者变量默认设置成了斜体,我不习惯用斜体看

setting.json

"editor.tokenColorCustomizations": {
  "textMateRules": [
    {
      "scope": [
        "comment", // 注释
        "keyword", // 关键词
        "storage", // 存储类型 (var, let, const)
        "storage.type", // 类型存储
        "variable.language", // 语言定义的变量 (this, super, self, etc.)
        "variable.other", // 其他变量
        "entity.name.type", // 类型名称
        "entity.other.inherited-class", // 继承的类
        "entity.name.class", // 类名
        "markup.italic", // 斜体文本
        "constant.language", // 语言常量 (true, false, null, etc.)
        "support.function", // 函数支持
        "support.type", // 类型支持
        "support.class", // 类支持
        "support.constant", // 常量支持
        "support.variable", // 变量支持
        "meta.definition.variable", // 变量定义
        "meta.definition.function", // 函数定义
        "entity.other.attribute-name", // 属性名
        "meta.object-literal.key", // 对象字面量键
        "markup.bold" // 加粗文本 (防止它也被斜体)
      ],
      "settings": {
        "fontStyle": ""
      }
    }
  ]
},

6. 文件图标主题