Microsoft/TypeScript

Add semantic token scope for object literal shorthand properties

Open

#52,658 opened on Feb 2, 2023

View on GitHub
 (2 comments) (0 reactions) (0 assignees)TypeScript (48,455 stars) (6,726 forks)batch import
Experience EnhancementHelp WantedSuggestion

Description

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.

image 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. image

My settings is as follows:

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

Contributor guide

Add semantic token scope for object literal shorthand properties · Microsoft/TypeScript#52658 | Good First Issue