【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』から簡単にインストールできるので、是非活用してみましょう。

VSCode MarketPlace

Visual Studio Codeのおすすめ拡張機能8選

Visual Studio Codeを使うなら絶対入れたいおすすめ拡張機能は次の8つです。

  1. Live Server
  2. Japanese Language Pack
  3. Code Spell Checker
  4. Bracket Pair Colorizer 2
  5. indent-rainbow
  6. zenkaku
  7. Auto Rename Tag
  8. Path Intellisense

詳しくご説明します。

Live Server

Live Serverとは、簡易的なローカルサーバを立てテキストエディタの変更内容を保存するとリアルタイムでブラウザに変更を反映できる拡張機能です。
手動でファイルをリロードする手間がなくなるので、作業効率が格段に上がります。

Live Server

Japanese Language Pack

Japanese Language Packとは、Visual Studio Codeのユーザーインターフェースの表示を日本語表示にする拡張機能です。

日本語で表示されることでとても見やすくなるので、まず始めにインストールすることをおすすめします。

Japanese Language Pack

Code Spell Checker

Code Spell Checkerとは、コードのスペルチェックをしてくれる拡張機能です。

ソースコードにスペルミスがある場合、下線でスペルミスを知らせてくれます。

コマンドとピリオドを同時押しをすると、修正候補が表示されるので修正作業も簡単です。

Code Spell Checker

Bracket Pair Colorizer 2

Bracket Pair Colorizerとは、対応する括弧に分かりやすく色を付けてくれる拡張機能です。

括弧をクリックすると対応する括弧にラインを引いて教えてくれます。

対応する括弧が分かりやすくなると、影響範囲も分かりやすくなるので作業効率が上がります。

Bracket Pair Colorizer 2

indent-rainbow

indent-rainbowとは、インデントを色で分けてくれる拡張機能です。

行数が多ければ多いほど、

「これはどのインデントに対応してたかな?」

と、分かりにくくなります。

indent-rainbowによって色がついていることで今どこのインデントなのかを把握しやすくなり、作業効率が上がります。

indent-rainbowはどの言語でも使用可能です。

indent-rainbow

zenkaku

zenkakuとは、コードの中の全角スペースを教えてくれる拡張機能です。

初心者のうちは全角スペースがエラーの元になることが多く、修正箇所を見つけにくいのでzenkakuをインストールしておくと安心です。

プログラミング初心者の方はまず初めにインストールしましょう。

zenkaku

Auto Rename Tag

Auto Rename Tagとは、HTMLの開始タグと終了タグに変更があった場合、正しいタグに自動で修正してくれる拡張機能です。

Auto Rename Tagをインストールしておくと、

「開始タグを変更したのに終了タグを変更し忘れた。」

といったミスを防ぐことができ編集の手間が省けるので、作業効率が上がります。

Auto Rename Tag

Path Intellisense

Path Intellisenseとは、パスを入力する際自動で候補を出してくれる拡張機能です。

頭文字を入れるとフォルダ名を候補として出してくれるので、手動で入れる手間が省け作業効率が上がります。

Path Intellisense

拡張機能まとめ

Visual Studio Codeには様々な拡張機能があります。

ですが最初から多くの拡張機能をインストールするのはおすすめしません。

多くの拡張機能をインストールすると動作が重くなってしまうからです。

作業効率を上げるにはその時その時に必要な拡張機能をインストールしましょう。

今日ご紹介した8つの拡張機能はどれも役立つものばかりです。

是非参考にしていただければと思います。

最後までお読みいただきありがとうございました。



[nlink url=”

sisimai駆け出しライター

投稿者プロフィール

関西在住30代のsisimaiです。
3人の男の子の母をしております!
働きながらライターとしての活動をスタートさせました。
皆様に有益な情報をお届けしたいです♪

COQUELICOT編集部

投稿者プロフィール

編集部では、ライターさんを募集しております!
当サイトのテキスト・画像の無断転載・複製を固く禁じます。
Unauthorized copying prohibited.

この著者の最新の記事

関連記事

コメント

  • トラックバックは利用できません。

  • コメント (0)

  1. この記事へのコメントはありません。


おすすめIT記事

  1. 従来、日本での雇用(就職)は、終身雇用で、新卒一括採用、年功序列賃金と併せて「日本型雇用(メンバーシ…
  2. 男性の職業と思われがちなIT業界、少ないですが女性の人数も増えてきています。実は女性が働く場としてI…
  3. パソコンの作業って面倒くさいし時間がかかりますよね。そこで役に立つのが「ショートカットキー」です!使…
  4. いま流行りのアジャイル開発の重要な役割を担う「アジャイルスクラムマスター」になるべくスクラムマスター…
  5. 転職に人気なIT業界の代表的な職業「プログラマー」はプログラムを書く人?システムエンジニア(SE)と…
  6. IT業界では「未経験者可」「未経験者歓迎」という求人が多く出ています。本当に未経験でも大丈夫なのか?…
  7. いま国内外で注目を浴びはじめているビジネスアナリストのための資格CBAP®。合格の難易度が高いのはも…

編集部のおすすめ

  1. データベースエンジニアの需要は高まると言われることもあれば、落ちていくと言われることもあります。なぜ…
  2. スクールで学んだほうがいいか、独学でがんばるのか?プログラミングを学ぶときに必ず出る悩みの1つです。…
  3. 従来、日本での雇用(就職)は、終身雇用で、新卒一括採用、年功序列賃金と併せて「日本型雇用(メンバーシ…
  4. ホームページを作成したいけど何から始めるべきなんだろうって思ったことはありませんか?また、webデザ…
  5. ポイ活アプリを使ってお小遣い程度でいいから貯めたいけど、たくさんある中でどれが一番いいのか分からない…

おすすめライフスタイル

  1. 従来、日本での雇用(就職)は、終身雇用で、新卒一括採用、年功序列賃金と併せて「日本型雇用(メンバーシ…
  2. ポイ活アプリを使ってお小遣い程度でいいから貯めたいけど、たくさんある中でどれが一番いいのか分からない…
  3. セキュリティエンジニアは情報セキュリティに関する技術や知識を使って情報を守ります。具体的には不正アク…
  4. Excelの「マクロ」とは、Excelの作業を自動化させるもの。Excelで同じ作業を頻繁に行うなら…

ピックアップ記事

  1. 仕事や学校の授業でパワポ(powerpoint)を使ったことがある人は多いですが、パワポの便利な機能…
  2. 自社でサーバーを持たない企業も増えてきています。しかし、クラウドサービスでITインフラを整えるには専…
  3. ipadを買うならGoodNotes5は絶対入れるべき!たったの980円でプライベートでも仕事でも大…
  4. 簿記とは、家計簿・お小遣い帳と一緒でお金の流れを管理・把握するための手段です。会社で行う簿記とは、最…
ページ上部へ戻る