VSCode-更改打字稿函数装饰器的颜色

Question

有没有办法在VSCode中更改装饰器的语法高亮颜色？举个小例子：

     @HostListener('mouseenter')
     onMouseEnter() {}

< code>@HostListener和< code>onMouseEnter都以相同的颜色突出显示。我想改变这一切。到目前为止，我已经尝试使用< code > " editor . tokencolorsumptions ":{ " functions ":" somecolor here " } } ，但是这同时改变了装饰器和函数声明。

Answer 1

有关如何查看语法范围，请参阅检查文本匹配范围和类似内容。因此，类似的事情会改变装饰器符号@的颜色：

 {
    "scope":  [
       "punctuation.decorator.js", 
        // "meta.decorator.js",
     ],

     "settings": {
        "foreground": "#e100ff",
        "fontStyle": "bold"
     }
}

这只影响< code>@符号，我找不到一种方法来着色@符号及其相关的函数名，也没有其他函数名。

如果你真的想要的话，有一个变通方法可以做到这一点。那就是使用一个单词荧光笔，比如待办事项突出显示，并制作一个正则表达式来做你想要的。比如：

"todohighlight.keywordsPattern": "@[\\w-_]*",

"todohighlight.defaultStyle": {
    "color": "red",
    // "letterSpacing": "1px",
    // "backgroundColor": "rgba(170,102,0,1)",
    "backgroundColor": "transparent",
    // "borderRadius": "4px",
    "isWholeLine": false
  }

Answer 2

这是我的配置，使用TODO高亮显示作为标记建议，我排除了< code>require和< code>import以避免干扰js和手写笔

屏幕截图上的快速注释：默认斜体样式来自此处，inline属性来自此处

"todohighlight.isEnable": true,
"todohighlight.isCaseSensitive": true,
"todohighlight.keywordsPattern": "@(?!require|import)[\\w-_.]*",
"todohighlight.defaultStyle": {
    "color": "#1E88E5",
    "backgroundColor": "0",
    "fontWeight": "bold"
},
"todohighlight.include": [
    "**/*.js",
    "**/*.ts",
    "**/*.vue",
],
"todohighlight.exclude": [
    "**/node_modules/**",
    "**/bower_components/**",
    "**/dist/**",
    "**/build/**",
    "**/.vscode/**",
    "**/.github/**",
    "**/_output/**",
    "**/*.min.*",
    "**/*.map",
    "**/.next/**"
],
"todohighlight.maxFilesForSearch": 5120,