【Visual Sdtudio Code】VScodeを使うなら絶対入れたいおすすめ拡張機能8選
「Visual Studio Codeの拡張機能ってなに?」
「拡張機能がありすぎてどれを入れたらいいか分からない。」
「おすすめの拡張機能ってあるの?」
こんな疑問はありませんか?
この記事では、数ある拡張機能の中から「Visual Studio Codeを使うなら絶対入れたいおすすめ拡張機能」を8つご紹介しています。
Visual Studio Codeを初めて利用する方のお役に立てる内容となっていますので、是非最後までお読みください。
目次
Visual Studio Codeの拡張機能ってなに?
Visual Studio Codeの拡張機能とは、スマホで言うアプリのようなものです。
拡張機能をインストールすることでVisual Studio Codeにない様々な機能をプラスすることができ、ミスに気づきやすくなる・作業効率が上がるなどのメリットがあります。
拡張機能は『VSCode MarketPlace』から簡単にインストールできるので、是非活用してみましょう。
Visual Studio Codeのおすすめ拡張機能8選
Visual Studio Codeを使うなら絶対入れたいおすすめ拡張機能は次の8つです。
- Live Server
- Japanese Language Pack
- Code Spell Checker
- Bracket Pair Colorizer 2
- indent-rainbow
- zenkaku
- Auto Rename Tag
- Path Intellisense
詳しくご説明します。
Live Server
Live Serverとは、簡易的なローカルサーバを立てテキストエディタの変更内容を保存するとリアルタイムでブラウザに変更を反映できる拡張機能です。
手動でファイルをリロードする手間がなくなるので、作業効率が格段に上がります。
Japanese Language Pack
Japanese Language Packとは、Visual Studio Codeのユーザーインターフェースの表示を日本語表示にする拡張機能です。
日本語で表示されることでとても見やすくなるので、まず始めにインストールすることをおすすめします。
Code Spell Checker
Code Spell Checkerとは、コードのスペルチェックをしてくれる拡張機能です。
ソースコードにスペルミスがある場合、下線でスペルミスを知らせてくれます。
コマンドとピリオドを同時押しをすると、修正候補が表示されるので修正作業も簡単です。
Bracket Pair Colorizer 2
Bracket Pair Colorizerとは、対応する括弧に分かりやすく色を付けてくれる拡張機能です。
括弧をクリックすると対応する括弧にラインを引いて教えてくれます。
対応する括弧が分かりやすくなると、影響範囲も分かりやすくなるので作業効率が上がります。
indent-rainbow
indent-rainbowとは、インデントを色で分けてくれる拡張機能です。
行数が多ければ多いほど、
「これはどのインデントに対応してたかな?」
と、分かりにくくなります。
indent-rainbowによって色がついていることで今どこのインデントなのかを把握しやすくなり、作業効率が上がります。
indent-rainbowはどの言語でも使用可能です。
zenkaku
zenkakuとは、コードの中の全角スペースを教えてくれる拡張機能です。
初心者のうちは全角スペースがエラーの元になることが多く、修正箇所を見つけにくいのでzenkakuをインストールしておくと安心です。
プログラミング初心者の方はまず初めにインストールしましょう。
Auto Rename Tag
Auto Rename Tagとは、HTMLの開始タグと終了タグに変更があった場合、正しいタグに自動で修正してくれる拡張機能です。
Auto Rename Tagをインストールしておくと、
「開始タグを変更したのに終了タグを変更し忘れた。」
といったミスを防ぐことができ編集の手間が省けるので、作業効率が上がります。
Path Intellisense
Path Intellisenseとは、パスを入力する際自動で候補を出してくれる拡張機能です。
頭文字を入れるとフォルダ名を候補として出してくれるので、手動で入れる手間が省け作業効率が上がります。
拡張機能まとめ
Visual Studio Codeには様々な拡張機能があります。
ですが最初から多くの拡張機能をインストールするのはおすすめしません。
多くの拡張機能をインストールすると動作が重くなってしまうからです。
作業効率を上げるにはその時その時に必要な拡張機能をインストールしましょう。
今日ご紹介した8つの拡張機能はどれも役立つものばかりです。
是非参考にしていただければと思います。
最後までお読みいただきありがとうございました。
[nlink url=”
コメント
トラックバックは利用できません。
コメント (0)
この記事へのコメントはありません。