9
9

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 5 years have passed since last update.

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

Posted at

前置き

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

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

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

拡張

Code alignment

code alignment 99.mov.gif

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

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

Document This

document this.mov.gif

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

Power Mode

powermode99.mov.gif

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

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

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

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

Material Icon Theme

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

Bracket Pair Colorizer

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

テーマ(おまけ)

Ariake Dark

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

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

ariake dark.png
9
9
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
9
9

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?