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
      }
    }
  ]
}

您無法以這種方式更改這些字元的間距，並且您必須尋找可以執行此操作的擴充功能。