ソースコードエディターといえばやっぱりVisual Studio Codeですよね。
そしてVisual Studio Codeといえば拡張機能によるカスタマイズが特徴です。
しかし拡張機能のをインストール方法がわからない、どの拡張機能をインストールしたらいいかわからず困ったりしていませんか？
そこで今回は、拡張機能のインストール方法と最初にインストールすべきおすすめの拡張機能をご紹介します。
↓Visual Studio Codeのインストール方法はこちら↓
いよいよ自分でコード書く練習をしていくのですが、その前に開発環境を用意しましょう。当サイトではVisual Studio Code（VSCode）というエディタを推奨しています。各プログラミング講座でもVisual Studio Cod[…]
拡張機能のインストール方法
拡張機能のインストールはとても簡単で3ステップで行えます。
- 左タブの上から5番目を選択
- 検索フォームから拡張機能を検索
- 「Install」ボタンをクリック
たったこれだけで拡張機能がインストールできます。
おすすめ拡張機能
VSCodeを初めて使う方、拡張機能がたくさんありすぎてどれをインストールしたらよいかわからないという方向けに、筆者おすすめの拡張機能をご紹介します。
Japanese Language Pack for Visual Studio Code
VSCodeを日本語化する拡張機能です。
インストール後にVSCodeを再起動することで日本語化が適用されます。
Extension for Visual Studio Code - Language pack extension f…
vscode-icons
ファイルアイコンのテーマです。ファイルやフォルダのアイコンが変更できます。
vscode-icons以外にもファイルアイコンのテーマの拡張機能があるので、いろいろ試してみるのも面白いかもです。
Extension for Visual Studio Code - Icons for Visual Studio C…
Bracket Pair Colorizer 2
ペアとなっているブラケット(括弧)ごとに色を定義できます。
さらに縦線と横線も表示されるため、どの括弧がペアになっているか一目瞭然となります。
Extension for Visual Studio Code - A customizable extension …
indent-rainbow
インデントが階層ごとに色分けされて表示されます。
インデントの深さが重要なpythonでは特に便利です。
Extension for Visual Studio Code - Makes indentation easier …
zenkaku
全角スペースを強調表示します。
間違えて全角スペースを入力してもすぐにわかるのでミスを減らせます。
Extension for Visual Studio Code - show double-byte-whiteSpa…
Trailing Spaces
行の末尾にある、余計なスペースを強調表示します。
さらにコマンドを実行するとそのスペースを削除することができます。
Extension for Visual Studio Code - Highlight trailing spaces…
Better Comments
コメントの先頭の文字に応じてコメントの色分けすることができるようになります。
色分けをすることでコメントの重要度や種別を分類できるようになり、より良いソースコードになります。
Extension for Visual Studio Code - Improve your code comment…
Path Intellisense
ファイルパスの入力補完です。
煩わしいパスの入力もタイプミスせず一発で入力できるようになります。
Extension for Visual Studio Code - Visual Studio Code plugin…
Code Runner
範囲選択しているソースコードを実行することができます。
ちょっとしたデバッグが簡単に行えるようになるので開発効率が向上します。
pythonをはじめ多くの言語に対応している点も見逃せません。
Extension for Visual Studio Code - Run C, C++, Java, JS, PHP…
GitLens
Gitを利用する人向けです。
リポジトリの管理からコードがいつ誰によって変更されたかの表示など、説明しきれないほど様々な便利機能が搭載されています。
Extension for Visual Studio Code - Supercharge Git within VS…
python向け拡張機能
Python
この拡張機能をインストールしておかないとVSCode上でpythonが使えません。
pythonをする方は必ずインストールしましょう。
Extension for Visual Studio Code - Python language support w…
Python Indent
改行したときに自動でインデントを行います。
インデントがずれるとエラーになるpythonにとって、インデントの自動補完は非常に便利です。
Extension for Visual Studio Code - Correct Python indentatio…
さいごに
拡張機能にはここでは紹介できなかった各種プログラミング言語サポートや入力補完などまだまだたくさんあります。
みなさんも自分の使い方に合う拡張機能を探してみてはいかがでしょうか。
