初めに
環境設定......なにそれおいしいの?
そんな自分が出会ったやらなければいけない事orz、やった方が良い事について、備忘録として記載していきます。
(文章力が無いので読みづらい場合はすいません...)
本稿では、VSCodeのおすすめ拡張機能(ついでに設定とか)を記載します。
拡張機能一覧
indent-rainbow(タブに色づけで見やすく)
(設定)editor Word Wrap(行の折り返し)
Bracket Pair Colorizer 2(カッコ()の色分け)
vscode-icons(フォルダのアイコンをそれっぽく)
拡張機能・設定説明
indent-rainbow
indent-rainbowは、インデント(Tabボタンで右にずれるやつ)の回数ごとに色を付けてくれます。
......
それだけ?と思われた方
それだけです。
それだけだけど凄い便利なんですよーって程の話でもありません。ただの好みです(笑)
editor Word Wrap
これは、画面が小さくなった時や、長い1文を記載した時に、
横にスクロールすることなく全ての文を見られるように改行(見た目だけで、実際は改行されない)してくれます。
まず、VSCodeの設定(Ctrl+,)を開きます。
そして検索欄にword wrapと記載し、以下に添付した画像のように、onにします。
以上です。
Bracket Pair Colorizer 2
これは、カッコ()の中にカッコが複数記載された際、
それぞれの色を別の色にしてくれます。
つまり、かっこが多くなった時に見やすくなるということです。
vscode-icons
VSCode内のエクスプローラのフォルダやファイルのアイコンがそれっぽくなります。
ここまでくると本当にただの好みの話ですし、自分も好きかどうか聞かれたら別にってなりますが、一応入れていたので(笑)
最後に
以上でお勧め拡張機能の紹介を終わります。
今後もこれいい!っていう拡張機能・設定があれば随時追加してまいります!
また、Web制作用のオススメ拡張機能をまとめておりますので、興味があればそちらもどうぞ