VSCodeの個人的おすすめ拡張機能まとめ

前置き

業務でJavaScriptとかPHPやってるひよっこエンジニアです。

今までSublime TextだったりAtomだったりIntelliJだったり使ってきたんですけど、最終的にVSCodeに行き着きました。(めっちゃ最近)

そんな僕が使っている拡張機能を紹介したいと思います。(おすすめの拡張機能あったら教えてください)

拡張

Code alignment

変数をまとめて宣言してるところとかで、=とか:でまとまっているコードを見やすく整列させることができます。

コードを見やすくする時に手で整理しなくていいので結構助かってます。

Document This

classとかfunctionのJSDocを1発で生成してくれます。結構ありがたみ感じます。

Power Mode

これのために書いたと言っても過言ではない神拡張機能です。なんと、この拡張を入れると文字を打つたびにエフェクトが発生します(無駄)

花火が結構綺麗で邪魔にならない感じなのでおすすめです。

花火の設定を使いたい場合これをVScodeの設定にコピペしてください。(デフォだと画面揺れちゃうので無効化してます)

    "powermode.enabled":true,
    "powermode.presets":"fireworks",
    "powermode.enableShake": false

Material Icon Theme

左側にあるフォルダツリーのアイコンを変えるやつです。ここらへんも結構種類あるんで好みですが見た目がいい感じになると思います。

Bracket Pair Colorizer

括弧の種類に応じて色を付けてくれます。非常に見やすくなるのでおすすめです。

テーマ(おまけ)

Ariake Dark

配色が激しすぎずとても見やすいテーマだと思います。あと名前もかっこいいし。

目に優しいテーマが欲しければAriake Darkで決まり！