Add semantic token scope for object literal shorthand properties

TS Template added by @mjbvz

TypeScript Version: 4.9.5

Search Terms

• Semantic tokens
• semantic colorization

I want a way to configure vscode to treat literal property value shorthand as parameter or variable, not just a property key.

Above is what happend in vscode. I configure a purple color for parameters, but vscode treat literal property value shorthand as "property" key, not "parameter" or "variable". That's bad for me to find out how parameters are processed in a function quickly.

However, webstorm is ok in this case.

My settings is as follows:

  "editor.tokenColorCustomizations": {
    "[Default Dark+]": {
      "keywords": "#499CD5",
      "textMateRules": [
        { 
          "scope": "variable.parameter",
          "settings": {
            "foreground": "#C288BE"
          }
        },
      ],
    }
  },

提供された TypeScript の例と editor.tokenColorCustomizations の設定を使用して、VS Code での動作を再現します。まず、TypeScript のセマンティックトークンがオブジェクトリテラルの短縮プロパティをどのように分類するかを追跡し、次に、短縮キーがプロパティのままであり、その値がパラメーターまたは変数のスコープを受け取ることを確認します。設定したパラメーターまたは変数の色が、要求どおり値の部分に適用されれば完了です。