Visual Studio Code おすすめのプラグイン【VSCode】

更新日:

ルナリス

ルナリス

Visual Studio Codeのおすすめのプラグインを紹介するわ


お願いします!

ソルト

ソルト

Visual Studio Codeとは

Visual Studio CodeはMicrosoftが開発しているソースコードエディタです。
起動や動作が軽快で、Windows、Mac、Linuxに対応していることから人気のエディタとなっています。
 

 
拡張機能(プラグイン)や各種設定が豊富で、自分好みにカスタマイズすることも可能です。

プラグインのインストール

左バーの下のアイコンを選択するとプラグインの一覧画面が開きます。
検索バーにテキストを打ち込むことでインストール可能なプラグインを検索することができるので任意のプラグインをインストールしましょう。

おすすめのプラグイン

おすすめのプラグインを紹介します。
自分に必要があると思ったものをインストールすると良いと思います。

Japanese Language Pack for Visual Studio Code

Japanese Language Pack for Visual Studio Code

VSCodeを日本語化するプラグインです。
日本人の方はとりあえず入れると良いです。

EvilInspector

EvilInspector

全角スペースを色付きで表示してくれるプラグインです。
半角スペースと全角スペースの打ち間違いを防ぐことが出来ます。
 

 
全角スペースはプログラミングにおいてエラーの元になるため、ぜひ入れたいプラグインとなります。

IntelliCode

Visual Studio IntelliCode

Python,JavaScript,Javaの入力補完を強化するプラグインです。
上記のいずれかのプログラムを書く場合に捗ると思います。

GlassIt-VSC

GlassIt-VSC

「Ctrl + ALT + Z」でVSCodeの透明度を上げるプラグインです。
コーディングをしながら裏でYouTubeを見るなど、ながら作業におすすめのプラグインとなります。
「Ctrl + ALT + C」で透明度を戻せます。
 

 
※Windows,Linux限定(Mac非対応)

Web制作・開発用プラグイン

Web開発におすすめのプラグインを紹介します。

Auto Close Tag

Auto Close Tag

HTLMとXMLの閉じタグを自動で追加してくれるプラグインです。
例:<p>と打つと</p>も自動で追記されます。

Auto Rename Tag

Auto Rename Tag

HTLMとXMLのタグを編集すると対のタグを自動で編集してくれるプラグインです。
例:<div>~</div>を<p>~</div>と編集すると→<p>~</p>に自動で修正されます。

Auto Complete Tag

Auto Complete Tag

「Auto Close Tag」と「Auto Rename Tag」を同時に動作させるためのプラグインです。
「Auto Close Tag」と「Auto Rename Tag」を使用するのであれば一緒に入れると良いと思います。

HTML CSS Support

HTML CSS Support

宣言したid、クラスの入力補完をしてくれるプラグインです。
コーディングのスピードが上がるのでおすすめです。

Live Server

Live Server

仮想サーバーを立ててHTMLの検証ができるプラグインです。
HTMLやCSSを保存するとページ表示が更新されるところが強みとなります。
 

 

右下のアイコンからサーバーの起動、停止を行う事ができます。

PHP Intelephense

PHP Intelephense

PHPの入力補完補完をしてくれるプラグインです。
PHPを書く方はとりあえず入れましょう。

 

 
WordPressの関数がエラーになってしまう現象があるようなので、設定からWordPressを追加しておくと良いでしょう。


右下のアイコンをクリックし、設定を開きます。


「intelephense.stubs」と検索をし、一番下の「項目の追加」で「WordPress」を追加します。

WordPress Snippets

WordPress Snippets

WordPressの関数の入力補完をしてくれるプラグインです。
WordPressの開発をする方は入れましょう。

indent-rainbow

indent-rainbow

インデントに色を付けてくれるプラグインです。
好みが分かれると思いますが、インデントが揃えやすくなるため特に初心者の方におすすめです。

まとめ

今回はVSCodeのおすすめプラグインを紹介しました。
自分の使いやすいようにカスタマイズすることでコーディングの速度を上げる事ができるため、色々試してみると良いと思います。
 

 

ルナリス

ルナリス

使いやすさと効率を意識よ


コメント一覧

コメントを残す

メールアドレスが公開されることはありません。