23
19

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

VScodeでコメントの色だけ変える方法

Last updated at Posted at 2019-06-10

テーマを変えずにコメントの色を変える方法です。
拡張機能を使う方法と設定を変える方法の2つをご紹介します。

拡張機能を使う

下記のルールに従うことで簡易に色を変えることができます。

拡張機能のBetter CommentsをVScodeにインストールする。

//* 緑文字
//! 赤文字
//? 水色文字
//TODO 黄文字
////打消し線

Better Comments

Better Comments使い方 応用

コメント自体の文字色を変える

JSONの設定を書き換えることでコメントの色を一律で任意の色に設定することができます。

設定を開き(Ctrl + ,)、右上の三角の横にある設定(JSON)を開くを押すとsettings.jsonが開く。
{ }の中の最後に,をつけてから下記を追加する。

"editor.tokenColorCustomizations": {
"comments": "#FF0000"}

を書き足すとコメントの文字が赤色になる。
#FF0000を変えることで任意の色に変更することが可能。
自分好みの色に変えると気分が上がったり、作業効率も上がるかもしれませんね。
下記色見本を参考にお好きな色に変えてみてください。
色見本


テーマを変えてみても、コメントが見づらかったため
色を変えて見やすくた方法をご紹介させて頂きました。
ご覧頂きありがとうございました。
参考

23
19
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
23
19

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?