2019-11-20に更新

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

一軍

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

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

Bracket Pair Colorizer🌈

ペアの括弧同士が同じ色になるので、どこで始まってどこで終わるのかがわかりやすい。
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のパスを指定してあげることで、pdfpptxなどのスライドへVS Code上から変換できる。
Marp CLIもいいけど、ぱっと簡単に使うならこっち。
ちなみに、MacのChromeパスは/Applications/Google\ Chrome.app/で設定すればおkなはず。

Download Page

Live Server🐟

ワンクリックで、現在のディレクトリを元にしたローカルサーバを建てられるスグレモノ。
ローカルで何か確認したいときがあればこちらをどうぞ。

Download Page

GitLens — Git supercharged🥽

その名の通り、gitをめちゃくちゃ便利にしてくれる拡張機能です。
行の右にコミットが表示されたり、過去の履歴を表示させたりとgitのことならこいつにおまかせ感がある。

Download Page

Code Runner🏃‍♂️

ちょっとコードを動作させたいときにとても便利です。
さまざまな言語に対応しているみたいなので、結構好きな言語でショートコードの確認ができたりする。

Download Page

TODO Highlight💡

TODO:FIXME:などがデフォルトで設定されていますが、NOTE:DONE:など、自身のオリジナルタグを追加することで色々な用途に利用可能です!
自分はメモとかにも利用しています。

Download Page

二軍

そこまで頻繁に使わないものや、少し尖ったもの。

vscode-spotify🎵

下のバーにSpotifyの情報が表示される。
音楽聴きながら作業していると、地味に画面移動をするシーンが多いのでVS Code1つで収まるのは便利。

Download Page

Better Comments📝

特定のコメント文字列(TODO、!、?など)に対して、色を付けてくれる拡張機能です。

Download Page

filesize📁

左下にファイルのサイズを表示するだけのアプリ。たまに便利。

Download Page

Originally published at amatsukiurato.github.io

AmatsukiUrato

Crieitは個人で開発中です。 興味がある方は是非記事の投稿をお願いします! どんな軽い内容でも嬉しいです。
なぜCrieitを作ろうと思ったか

また、「こんな記事が読みたいけど見つからない!」という方は是非記事投稿リクエストボードへ!

こじんまりと作業ログやメモ、進捗を書き残しておきたい方はボード機能をご利用ください!

ボードとは?

関連記事

コメント