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

Riprodurre il comportamento in VS Code usando l'esempio TypeScript fornito e le impostazioni di editor.tokenColorCustomizations. Iniziare tracciando il modo in cui i token semantici di TypeScript classificano le proprietà abbreviate dei valori letterali oggetto, quindi verificare che la chiave abbreviata rimanga una proprietà mentre il suo valore riceva uno scope di parametro o variabile. Il lavoro è completato quando il colore configurato per i parametri o le variabili viene applicato alla parte del valore come richiesto.