VSCode でコメント行や TODO コメントの色を変える
VSCode にインストールしたテーマをベースに、コメント行だけ色を変えたいなーとか、TODO: や XXX: といった表記を目立たせたいなー、という時に。
コメントの色を変える
拡張機能なしで、ユーザ設定で以下のように設定すれば変えられる。
"editor.tokenColorCustomizations": {
"comments": "#ccc"
}
TODO: などのコメントをハイライトする
以下の TODO Highlight という拡張機能をインストールする。
デフォルトで TODO: と FIXME: という文字列が登場すると、色付き背景になってハイライトしてくれる。その色を変えたり、違う文言でもハイライトさせたいという時はユーザ設定で書ける。
僕はコロンの前後にスペースを入れるので、TODO : (本文) とか FIXME : (本文) とか XXX : (本文) とかっていうキーワードがハイライトするようにした。
"todohighlight.keywords": [
{
"text": "TODO : ",
"color": "#ffffff",
"backgroundColor": "#ffbc00"
},
{
"text": "XXX : ",
"color": "#ffffff",
"backgroundColor": "#ff00aa"
},
{
"text": "FIXME : ",
"color": "#ffffff",
"backgroundColor": "#00f033"
}
]
こんな感じ。よきよき。
