Visual Studio Code：变量名称中清晰的美元符号分隔的有效技术

Question

我刚刚从Atom切换到VisualStudioCode，我正在寻找一种在视觉上将美元符号与变量名称分开的方法。通过编辑个人CSS样式表，在Atom中可以实现这样的事情。应用一些CSS规则后，可以实现这一点：美元符号和变量名之间没有空格字符，编辑光标从美元符号跳转到标识符。我试图找到一种方法来在VisualStudioCode中实现类似的功能，但失败了。我知道VSC有像Atom一样的开发工具，我研究

P粉321584263 · Answer

可以更改 php 变量的 $ 或 $$ 的颜色，因为它们都具有 textmate 范围

punctuation.definition.variable.php

您可以使用命令面板中的工具开发人员：检查编辑器令牌和范围进行检查。激活该工具后，选择 $ 或 $$，它将显示它们的范围。

然后您可以在以下设置（在 settings.json 中）中使用该信息来更改这些范围的颜色或字体样式：

"editor.tokenColorCustomizations": {
 
  "textMateRules": [
    {
      "scope": "punctuation.definition.variable.php",
      "settings": {
        "foreground": "#F3873F",   // whatever hex color you want

        "fontStyle": "italic"      // or bold, underline etc. for example
        // intellisense in the `""` (CTRL+Space) will tell what properities are supported
      }
    }
  ]
}

您无法以这种方式更改这些字符的间距，并且您必须寻找可以执行此操作的扩展程序。