使ってよかったVSCode拡張機能14選+3選の紹介

VSCode Extention

一軍

この枠で紹介している拡張機能は、高い汎用性を持っており私自身も良く使っている拡張機能たちです。

Settings Sync♻️

VS Codeの拡張機能を移行する場合や、バックアップするときに大活躍！
とりあえず入れとけスタイルでオッケーな拡張機能。
かったるい移行作業をめちゃくちゃ楽にしてくれる。端末が壊れても安心だし、真っ先に入れても良い拡張機能かも。自分で管理しても良いけどね。

Download Page

テキスト校正くん👨‍🎓

VS Code上にあるテキストを自動で添削してくれるスグレモノ。
どこかに議事録やまとめた文章を提出する前に少し確認するだけで、最低限の日本語は担保されるところが良い😚

Download Page

Code Spell Checker👨‍🏫

テキスト修正の英語版。間違ったスペルを教えてくれる。これでtypoが結構減ると思います。英語が苦手なあなたでも安心（俺やんけ）。
固有名詞もユーザ辞書登録すれば、エラー回避できるので便利。

Download Page

Trailing Spaces✨

こいつをいれてから、文章の後ろにムダなスペースを入れることはなくなった。
赤色で視覚的も見やすくGood（色は変更可能）。ただし、Markdown書くときの改行はちょっと気になる。

Download Page

indent-rainbow🌈

その名の通り、インデントに色を付けてくれる拡張機能。
パット見でどこのラインを編集しているのかがわかるので、非常に便利。ネストが深くなっても安心😇（だからといって深くするのはやめてくれ…）

Download Page

ペアの括弧同士が同じ色になるので、どこで始まってどこで終わるのかがわかりやすい。
pythonなどのインデントがプログラムの仕組みに組み込まれているものならindent-rainbowだけで問題ないのですが、変なインデントが大量にある闇プロジェクトではこちらが大活躍します。普通に使ってても十分に便利なんですけどね。
後は完全な独断と偏見なのですが、関数型言語にはあったほうが良いと思われます（括弧がいっぱいあるから）。

Download Page

Visual Studio IntelliCode💡

勝手に候補の中から、一番いい感じのやつを選択してくれるやつ。
あんまり意識したことはないけど、便利に使えているということは役に立っていると思われ

Download Page

vscode-icons🏷

多分定番の拡張機能。さまざまなiconが視覚的にわかりやすく表示されるようになる。
個人的には、フォルダーの識別とかが好き。

Download Page

Markdown Preview Enhanced🔍

Markdown Previewの拡張版。PlantUmlが使えたり、pdf化やhtml化が行えるようになっていたりと、
大幅に拡張されている。とりあえず入れておきたい拡張機能の1つ。

Download Page

Marp for VS Code🎨

MarkdownToSlideの決定版。
Chromeのパスを指定してあげることで、pdfやpptxなどのスライドへVS Code上から変換できる。
Marp CLIもいいけど、ぱっと簡単に使うならこっち。
ちなみに、MacのChromeパスは/Applications/Google\ Chrome.app/で設定すればおｋなはず。

Download Page