0
2

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オススメ拡張機能・設定

Posted at

初めに

環境設定......なにそれおいしいの?
そんな自分が出会ったやらなければいけない事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にします。
word_wrap.PNG
以上です。

Bracket Pair Colorizer 2

これは、カッコ()の中にカッコが複数記載された際、
それぞれの色を別の色にしてくれます。
つまり、かっこが多くなった時に見やすくなるということです。

vscode-icons

VSCode内のエクスプローラのフォルダやファイルのアイコンがそれっぽくなります。
ここまでくると本当にただの好みの話ですし、自分も好きかどうか聞かれたら別にってなりますが、一応入れていたので(笑)

最後に

以上でお勧め拡張機能の紹介を終わります。
今後もこれいい!っていう拡張機能・設定があれば随時追加してまいります!

また、Web制作用のオススメ拡張機能をまとめておりますので、興味があればそちらもどうぞ

0
2
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
0
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?