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

Reproduzieren Sie das Verhalten in VS Code mithilfe des bereitgestellten TypeScript-Beispiels und der Einstellungen von editor.tokenColorCustomizations. Beginnen Sie damit nachzuverfolgen, wie TypeScript-Semantik-Tokens Kurzschreibweisen für Eigenschaften in Objekt-Literalen klassifizieren, und überprüfen Sie anschließend, dass der Kurzschlüssel eine Eigenschaft bleibt, während sein Wert einen Parameter- oder Variablen-Scope erhält. Als abgeschlossen gilt dies, wenn die konfigurierte Parameter- oder Variablenfarbe wie angefordert auf den Wertabschnitt angewendet wird.