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

 2019-11-14 |  2020-5-14 |  4 min read


一軍

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

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🏃‍♂️

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

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


このエントリーをはてなブックマークに追加

comments powered by Disqus

Tags

Hugo | 7 Setting | 5 AWS | 5 git | 5 VSCode | 4 JavaScript | 3 css | 3 intellij | 3 ci | 3 技術書典7 | 2 日本語 | 2 Homebrew | 2 Extention | 2 Terminal | 2 markdown | 2 Docker | 2 github-actions | 2 SpringBoot | 2 iCloud | 2 keyboard | 2 書き方 | 2 kaspersky | 2 Route53 | 2 windows | 2 webpack | 2 積本処理 | 2 poem | 2 command | 2 yarn | 1 git管理 | 1 CloudStorage | 1 chrome | 1 memo | 1 Utility | 1 Eclipse | 1 study | 1 console | 1 hhkb | 1 React | 1 stylus | 1 MacOS | 1 revealjs | 1 AppGet | 1 CopyQ | 1 virtualMachine | 1 RubyOnRails | 1 security | 1 RaspberryPi | 1 Onsen-UI | 1 github-pages | 1




Archives

2020 (31)
2019 (22)
2017 (1)
2016 (3)