ホームページ ウェブフロントエンド jsチュートリアル VS Code エディターで選択したテキストまたはコードの色の変更について

VS Code エディターで選択したテキストまたはコードの色の変更について

Jun 20, 2018 pm 03:49 PM
vscode 大文字と小文字の変換

私は最近 VS Code を使用しており、多くのヒントを発見しました。それらを共有する必要があると感じます。次の記事では、主に VS Code の大文字と小文字の変換、および文字列の変更に関する関連情報を紹介します。選択したテキストやコードの色については、記事でサンプルコードを通じて詳しく紹介していますので、必要な方は一緒に見てみましょう。

1. デフォルトでは、VS Code の編集メニューやショートカット キーに大文字または小文字への変換機能はありません

解決策 1: キーボード設定を使用して、小文字への変換と大文字への変換のショートカットを有効にしますキー

VS のショートカット キーを例に挙げます:

小文字-》Ctrl+U

大文字=》Ctrl+Shift+U

解決策 2、keybings.json を直接変更して構成を追加します

{ 
 "key": "ctrl+shift+u", 
 "command": "editor.action.transformToUppercase", 
 "when": "editorTextFocus" 
}, 
{ 
 "key": "ctrl+shift+l", 
 "command": "editor.action.transformToLowercase", 
 "when": "editorTextFocus" 
}
ログイン後にコピー

2. VsCode バージョン v.14.2 に対応するワークスペース、構成の変更

は、選択したテキストまたはコードの色を変更します

//设置用户选中代码段的颜色 
"workbench.colorCustomizations": { 
 "editor.selectionBackground": "#aa0000" 
}
ログイン後にコピー

変更はすぐに有効になります。 VsCode の再起動

3. VSCode コメントの色を変更する

1 現時点ではこれより良い方法はありませんが、対応するテーマのソース コードを直接変更することができます 2。現在のテーマ

3 。ソース コードを見つけます: Program Code.exe の場所、resources/app/extensions/xxxx

3 登録されている前景色を変更します

変更結果:

上記は私が皆さんのためにまとめたものです。将来的に皆さんのお役に立てれば幸いです。

関連記事:

Angularで天気予報をクエリする方法

Angularで入力内容を表示する方法

Angularでスケジュール機能を実装する方法

nodejsで実装する方法+express ファイルアップロードを実装する

Vue+SpringBootでブログ管理基盤を実装する方法

nodejsの最大コールスタックエラーの最大値超えを解決する方法

以上がVS Code エディターで選択したテキストまたはコードの色の変更についての詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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

ホットな記事タグ

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

vscode で Word ドキュメントを表示する方法 vscode で Word ドキュメントを表示する方法 vscode で Word ドキュメントを表示する方法 vscode で Word ドキュメントを表示する方法 May 09, 2024 am 09:37 AM

vscode で Word ドキュメントを表示する方法 vscode で Word ドキュメントを表示する方法

vscode でフローチャートを描く方法_visual_studio コードでフローチャートを描く方法 vscode でフローチャートを描く方法_visual_studio コードでフローチャートを描く方法 Apr 23, 2024 pm 02:13 PM

vscode でフローチャートを描く方法_visual_studio コードでフローチャートを描く方法

Vscode で Maude を記述する方法_Vscode で Maude を記述する方法 Vscode で Maude を記述する方法_Vscode で Maude を記述する方法 Apr 23, 2024 am 10:25 AM

Vscode で Maude を記述する方法_Vscode で Maude を記述する方法

カリフォルニア工科大学の中国人がAIを使って数学的証明を覆す!タオ・ゼシュアンの衝撃を5倍にスピードアップ、数学的ステップの80%が完全に自動化 カリフォルニア工科大学の中国人がAIを使って数学的証明を覆す!タオ・ゼシュアンの衝撃を5倍にスピードアップ、数学的ステップの80%が完全に自動化 Apr 23, 2024 pm 03:01 PM

カリフォルニア工科大学の中国人がAIを使って数学的証明を覆す!タオ・ゼシュアンの衝撃を5倍にスピードアップ、数学的ステップの80%が完全に自動化

vscode でバックグラウンド更新を有効にする方法 vscode でバックグラウンド更新を有効にする方法 vscode でバックグラウンド更新を有効にする方法 vscode でバックグラウンド更新を有効にする方法 May 09, 2024 am 09:52 AM

vscode でバックグラウンド更新を有効にする方法 vscode でバックグラウンド更新を有効にする方法

vscode ワークスペースにファイルを追加する方法 vscode ワークスペースにファイルを追加する方法 vscode ワークスペースにファイルを追加する方法 vscode ワークスペースにファイルを追加する方法 May 09, 2024 am 09:43 AM

vscode ワークスペースにファイルを追加する方法 vscode ワークスペースにファイルを追加する方法

vscode で wsl 設定ファイルを無効にする方法 vscode で wsl 設定ファイルを無効にする方法 vscode で wsl 設定ファイルを無効にする方法 vscode で wsl 設定ファイルを無効にする方法 May 09, 2024 am 10:30 AM

vscode で wsl 設定ファイルを無効にする方法 vscode で wsl 設定ファイルを無効にする方法

VScode でアニメーションのスムーズな挿入を設定する方法 アニメーションのスムーズな挿入を設定する VScode チュートリアル VScode でアニメーションのスムーズな挿入を設定する方法 アニメーションのスムーズな挿入を設定する VScode チュートリアル May 09, 2024 am 09:49 AM

VScode でアニメーションのスムーズな挿入を設定する方法 アニメーションのスムーズな挿入を設定する VScode チュートリアル

See all articles