web-dev-qa-db-ja.com

vscode cssカラーピッカー機能を色名の形式に一致する文字列でjsファイルに取り込む方法は？

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

現在のプラグインはどれもそうすることができません。本当にびっくりしました。 intellijでさえこのサポートがあります！

また、vscode自体からの返信も少し役に立ちません。 https://github.com/Microsoft/vscode/issues/36485

そのようなプラグインを構築する方法についてのヒントは、あるファイル拡張子から別のファイル拡張子に機能を移植するだけなので、それほど難しいことではないようです。

これを解決できる人はいますか？

javascriptvisual-studio-codecolor-picker
13
Ezeewei

私は colorize を見つけました。これはJavaScriptとTypeScript（とりわけ） GitHub

あなたのsettings.json in VSCodeターゲットにしたい言語を追加するだけです：

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

enter image description here

2
Boris Yakubchik

wayncheng からのvscode-color-infoで可能な実装が1つあります。

次のコードをsettings.jsonのcolorInfo.languagesに追加すると、うまくいくはずです。無効にならないように、すべてのデフォルト言語も含めるようにしてください。

{
    "selector": "javascript",
    "colors": "css"
}

したがって、settings.jsonは次のようになります。

"colorInfo.languages": [
    {
        "selector": "css",
        "colors": "css"
    },
    {
        "selector": "sass",
        "colors": "css"
    },
    {
        "selector": "scss",
        "colors": "css"
    },
    {
        "selector": "less",
        "colors": "css"
    },
    {
        "selector": "html",
        "colors": "css"
    },
    {
        "selector": "javascript",
        "colors": "css"
    }
]
1
Ezeewei

Create-react-appプロジェクトで"colorize.include": ["**/*.js"]を使用すると機能します

0
翁于宸

Colorize を使用し、それを自分のReactプロジェクト（jsなどのcss）で機能させたい人へ：

使用する

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

どうやら「javascript」ではなく「javascriptreact」が必要なので

0
Amit