使ってよかったVSCode拡張機能14選+3選の紹介
Contents
一軍
この枠で紹介している拡張機能は、高い汎用性を持っており私自身も良く使っている拡張機能たちです。
Settings Sync♻️
VS Code の拡張機能を移行する場合や、バックアップするときに大活躍!
とりあえず入れとけスタイルでオッケーな拡張機能。
かったるい移行作業をめちゃくちゃ楽にしてくれる。端末が壊れても安心だし、真っ先に入れても良い拡張機能かも。自分で管理しても良いけどね。
テキスト校正くん 👨🎓
VS Code 上にあるテキストを自動で添削してくれるスグレモノ。 どこかに議事録やまとめた文章を提出する前に少し確認するだけで、最低限の日本語は担保されるところが良い 😚
Code Spell Checker👨🏫
テキスト修正の英語版。間違ったスペルを教えてくれる。これで typo が結構減ると思います。英語が苦手なあなたでも安心(俺やんけ)。
固有名詞もユーザ辞書登録すれば、エラー回避できるので便利。
Trailing Spaces✨
こいつをいれてから、文章の後ろにムダなスペースを入れることはなくなった。 赤色で視覚的も見やすく Good(色は変更可能)。ただし、Markdown 書くときの改行はちょっと気になる。
indent-rainbow🌈
その名の通り、インデントに色を付けてくれる拡張機能。
パット見でどこのラインを編集しているのかがわかるので、非常に便利。ネストが深くなっても安心 😇(だからといって深くするのはやめてくれ…)
Bracket Pair Colorizer🌈
ペアの括弧同士が同じ色になるので、どこで始まってどこで終わるのかがわかりやすい。python
などのインデントがプログラムの仕組みに組み込まれているものならindent-rainbow
だけで問題ないのですが、変なインデントが大量にある闇プロジェクトではこちらが大活躍します。普通に使ってても十分に便利なんですけどね。
後は完全な独断と偏見なのですが、関数型言語にはあったほうが良いと思われます(括弧がいっぱいあるから)。
Visual Studio IntelliCode💡
勝手に候補の中から、一番いい感じのやつを選択してくれるやつ。
あんまり意識したことはないけど、便利に使えているということは役に立っていると思われ
vscode-icons🏷
多分定番の拡張機能。さまざまな icon が視覚的にわかりやすく表示されるようになる。
個人的には、フォルダーの識別とかが好き。
Markdown Preview Enhanced🔍
Markdown Preview の拡張版。PlantUml が使えたり、pdf
化やhtml
化が行えるようになっていたりと、
大幅に拡張されている。とりあえず入れておきたい拡張機能の 1 つ。
Marp for VS Code🎨
MarkdownToSlide の決定版。記事で一度紹介しました。
Chrome のパスを指定してあげることで、pdf
やpptx
などのスライドへ VS Code 上から変換できる。
Marp CLI もいいけど、ぱっと簡単に使うならこっち。
ちなみに、Mac の Chrome パスは/Applications/Google\ Chrome.app/
で設定すればおkなはず。
Live Server🐟
ワンクリックで、現在のディレクトリを元にしたローカルサーバを建てられるスグレモノ。
ローカルで何か確認したいときがあればこちらをどうぞ。
GitLens — Git supercharged🥽
拡張機能のタイトルに付いていてちょっとムカついたが、その名の通り、git
をめちゃくちゃ便利にしてくれる拡張機能です。
行の右にコミットが表示されたり、過去の履歴を表示させたりとgit
のことならこいつにおまかせ感がある。
Code Runner🏃♂️
ちょっとコードを動作させたいときにとても便利です。
さまざまな言語に対応しているみたいなので、結構好きな言語でショートコードの確認ができたりする。下図は Java の例です。
TODO Highlight💡
TODO:
やFIXME:
などがデフォルトで設定されていますが、NOTE:
やDONE:
など、自身のオリジナルタグを追加することで色々な用途に利用可能です!
自分はメモとかにも利用しています。
二軍
そこまで頻繁に使わないものや、少し尖ったもの。
vscode-spotify🎵
下のバーに Spotify の情報が表示される。
音楽聴きながら作業していると、地味に画面移動をするシーンが多いので VS Code1 つで収まるのは便利。
Better Comments📝
特定のコメント文字列(TODO、!、?など)に対して、色を付けてくれる拡張機能です。
filesize📁
左下にファイルのサイズを表示するだけのアプリ。たまに便利。