VSCode拡張機能-見た目
#VSCode
ここで紹介する拡張機能をすべて入れたときの見た目はこのようになります。例としてC言語っぽいコードを表示してます。
https://scrapbox.io/files/6462f70af35673001c467599.png
以下の形式で各アドオンを紹介します。
拡張機能名
ID (検索欄にこれを入力して検索してください)
特徴
以下紹介
Background Phi Colors
wraith13.background-phi-colors
コードがめっちゃ見やすくなる。具体的には、インデントの色付けと、選択している行に存在する関数名や変数名をハイライトしてくれる機能がある。後者の機能によって変数を見つけやすくなるため、タイプミス防止につながる。
Better Folding
MohammadBaqer.better-folding
VSCodeの関数の表示をたたむ機能を拡張する。畳んだ行数表示などが追加される。デフォルトだと閉じカッコまで省略対象なのが気に食わないので、「Fold Closing Brackets」をオフにしている。起動が重め。
Blockman
leodevbro.blockman
コードの関数を、ブロックごとに枠で囲って示してくれる。現在カーソルが合っているブロックをハイライトもしてくれる。インストール時にVSCodeの設定を変更するか聞かれるので、Okをすると行の折り返し表示機能がオフになってしまう。戻したいときは「Word Wrap」をOnにしよう。起動が重い。
Color Highlight
naumovs.color-highlight
プログラム中にカラーコードを書くとその部分に色を表示してくれる。どの色を指定したか直感的にわかるので便利。
Theme - Oceanic Next
naumovs.theme-oceanicnext
画面全体の色を変えるテーマ。ダークテーマで見やすいテーマだと思う。
VSCode Dimmer Block
imagio.vscode-dimmer-block
カーソルが合っているブロック以外を半透明にしてくれる拡張機能。上のBlockmanと組み合わせると現在編集しているブロックがわかりやすくなるのでおすすめ。