ホームページ  >  記事  >  ソフトウェアチュートリアル  >  Vscode はエディターのカラー スキームをどのように変更しますか__エディターのカラー スキームを変更するための Vscode メソッド

Vscode はエディターのカラー スキームをどのように変更しますか__エディターのカラー スキームを変更するための Vscode メソッド

PHPz
PHPz転載
2024-04-23 10:01:06298ブラウズ

VSCodeエディターのデフォルトの配色に問題がありますか? PHP エディター Youzi は、色の変更に関する詳細なチュートリアルを提供し、パーソナライズされたエディター インターフェイスを作成する方法を段階的にガイドします。このガイドでは、色の設定の理解から配色のカスタマイズまで、包括的なガイダンスを提供します。

1. まず最初に、変更したいコードがどの基本タイプに属しているかを知る必要があります。文字列にカーソルを移動するなど、色を変更したいコードにカーソルを移動できます。

Vscode はエディターのカラー スキームをどのように変更しますか__エディターのカラー スキームを変更するための Vscode メソッド

2. 次に、コマンドパネルで[TMスコープの検査]コマンドを実行します。

Vscode はエディターのカラー スキームをどのように変更しますか__エディターのカラー スキームを変更するための Vscode メソッド

3. この時点で、エディターに新しいフローティング ウィンドウが表示されます。このウィンドウに表示されるのは、現在のコード スニペットに対応する言語、構文タイプ、現在の色、および背景色です。

Vscode はエディターのカラー スキームをどのように変更しますか__エディターのカラー スキームを変更するための Vscode メソッド

4. たとえば、上の図では、このウィンドウには次の情報が表示されます:

現在のトークンは hello で、そのタイプは String です。

色は#ce9178ff、背景色は#1e1e1effです。

これが属する構文スコープは、内側から外側まで、string.quoted.double.js、meta.var.expr.js、およびsource.jsです。

5. すべての文字列を赤にしたい場合は、String スコープの色を変更する必要があります。次に、個人設定 (JSON) を再度開き、editor.tokenColorCustomizations と入力します。

Vscode はエディターのカラー スキームをどのように変更しますか__エディターのカラー スキームを変更するための Vscode メソッド

6. 次に、この JSON オブジェクトにカーソルを置き、[Ctrl + Space] を押して候補リストをトリガーすると、次の候補が表示されます。

Vscode はエディターのカラー スキームをどのように変更しますか__エディターのカラー スキームを変更するための Vscode メソッド

7. 提案リストに最初に表示されるのは、VS Code で使用できるすべてのテーマの名前です。それらを選択すると、テーマ内の特定の色のみをオーバーライドできます。ここでリストをスクロールすると、以下の他の提案が表示されます。

Vscode はエディターのカラー スキームをどのように変更しますか__エディターのカラー スキームを変更するための Vscode メソッド

次のオプションが表示されます:

comments はコメントの色を表します。

functions は関数の寒色を表します。

keywords はキーワードの色を表します。

numbers は数字の色を表します。

strings は文字列の色を表します。

types はタイプの色を表します。

variables は変数の色を表します。

textMateRules 以下に紹介します。

文字列の色を変更するには、文字列を選択して赤に変更するだけです:

"editor.tokenColorCustomizations": { "strings": "#FF0000", }

8,最後に設定を保存した後、先ほどのJavaScriptファイルに戻ると、文字列の色が変わっているのがわかります。

Vscode はエディターのカラー スキームをどのように変更しますか__エディターのカラー スキームを変更するための Vscode メソッド

以上がVscode はエディターのカラー スキームをどのように変更しますか__エディターのカラー スキームを変更するための Vscode メソッドの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はzol.com.cnで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。