how to bring the vscode css color picker feature into js file with string that match color name format?

javascript visual-studio-code color-picker
Ezeewei picture Ezeewei · May 25, 2018 · Viewed 7.8k times · Source

https://code.visualstudio.com/docs/languages/css

None of the current plugin able to do so. I am really surprised. even intellij has this support!

Also the reply from vscode itself is a bit not helpful either. https://github.com/Microsoft/vscode/issues/36485

Any hint on how to build such plugin, seems shouldn't be really hard since its really just porting the feature from one file extension to another?

Anyone able to resolve this?

Answer

Boris Yakubchik picture Boris Yakubchik · Jul 28, 2019

I found colorize which can highlight JavaScript and TypeScript (among others) GitHub

In your settings.json in VSCode just add languages you'd like to target:

"colorize.languages": ["typescript", "javascript", "css", "scss"]

enter image description here

Related questions

ESLint not working in VS Code?

ESLint is not working for me in VS Code. I have the plugin installed in VS Code, and ESLint itself as a developer dependency in my package.json, which I have installed as well. I modified the following option in …

Read More
js 'types' can only be used in a .ts file - Visual Studio Code using @ts-check

I am starting to use TypeScript in a Node project I am working on in Visual Studio Code. I wanted to follow the "opt-in" strategy, similar to Flow. Therefore I put // @ts-check at the top of my .js file in …

Read More
TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type string. Received type undefined raised when starting react app

I'm working on a project in React and ran into a problem that has me stumped. Whenever I run yarn start I get this error: TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type string. Received type …

Read More