ホームページ >ウェブフロントエンド >CSSチュートリアル >WebStorm でカラーヒントを設定する方法

WebStorm でカラーヒントを設定する方法

高洛峰
高洛峰オリジナル
2017-02-09 17:02:258828ブラウズ

フロントエンドを学ぶためにWebStormを使用していたとき、2016-02-01にWebStormのカラープロンプトを設定する方法を尋ねられました。 Du Niangには設定方法が無いと言われているので検索して見つけたので、今日はその設定方法を書いてみました。

ソフトウェアバージョン番号: JetBrains WebStorm 8.0.4

起動手順

1 ファイル-設定

WebStorm でカラーヒントを設定する方法

2 IDE設定-エディタ

WebStorm でカラーヒントを設定する方法

3 外観-ガターにCSSカラープレビューアイコンを表示&CSSカラーを表示背景としてプレビュー

WebStorm でカラーヒントを設定する方法

実際の効果

WebStorm でカラーヒントを設定する方法

拡大された部分と黄色の四角形で囲まれた部分は、余白に CSS カラー プレビュー アイコンを表示する効果です。行番号の横にある小さな色付きの四角形を使用して、選択した色を識別します。

赤い四角形で囲まれた部分は、「CSS カラープレビューを背景として表示」の効果です。カラー値の背景色は、選択した色です。

WebStorm でカラー プロンプトを設定する方法に関するその他の関連記事については、PHP 中国語 Web サイトに注目してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。