VSCodeのcolorizeでCSS/JSの色をわかりやすくする

VSCodeで開発をしているときに、CSSやJavaScript上の色を表示する拡張があって便利だった。
colorizeを試してみたときの備忘録(*´ω｀*)

marketplace.visualstudio.com

こんな感じで背景色で表示してくれる(*´ω｀*)

(Element+とTailwindCSSのConfigで試してみた)

CSS変数にも対応しているのはありがたい(*´ω｀*)

デフォルトではCSS系のみ適用する設定なので、
.setting.jsonで言語を追加すればOK。

{
  "colorize.languages": [
    // デフォルトの設定値
    "css",
    "sass",
    "scss",
    "less",
    "postcss",
    "sss",
    "stylus",
    "xml",
    "svg",
    // ↓この2つを追加
    "javascript",
    "typescript"
  ]
}

以上!! これで開発がだいぶ捗る。。(*´ω｀*)

参考にしたサイト様

• colorize - Visual Studio Marketplace