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

Question

我刚刚从 Atom 切换到 Visual Studio Code，我正在寻找一种在视觉上将美元符号与变量名称分开的方法。通过编辑个人 CSS 样式表，在 Atom 中可以实现这样的事情。应用一些 CSS 规则后，可以实现这一点：

美元符号和变量名之间没有空格字符，编辑光标从美元符号跳转到标识符。

我试图找到一种方法来在 Visual Studio Code 中实现类似的功能，但失败了。我知道 VSC 有像 Atom 一样的开发工具，我研究了它生成的 HTML/CSS，但我看到的是 VSC 以不同的方式解析 PHP 代码，并将美元视为变量名称的一部分 - 与 Atom 不同，Atom 处理美元符号作为一个单独的实体，一个标点符号。

如果通过添加空间来进行视觉分离是不可能的，我想知道是否可以更改美元的颜色（或变量变量情况下的美元）。

Answer 1

可以更改 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
      }
    }
  ]
}

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