VSCodeで導入すべきおすすめ拡張機能５選
みなさんこんにちは、ソラです。
・VSCodeで導入したほうがいい拡張機能はあるの？
こんな悩みを解決していきます。
本記事の読者理想
- VSCodeを導入したばかりの方
- VSCodeでどんな拡張機能があるかよく分からない方
- 導入すると作業効率が上がる拡張機能を知りたい方
VSCodeには導入できる拡張機能が数えきれないほど存在します。
しかし、数が多すぎるあまり、何を導入したらよいのか分からないですよね。
私もVSCode導入したての頃は何が何だか分かりませんでした。
そこで本記事ではVSCodeで導入すべきおすすめ拡張機能を５つまとめていきます。
< まずは無料オンライン説明会から >
目次
VSCodeとは
VSCode(Visual Studio Code)とはマイクロソフト社が無償で提供している統合開発環境です。
インストールが簡単で、
・Windows
・Mac
・Linux
どのOSにも対応していることから利用者が多いのが特徴です。
VSCodeは統合開発環境(IDE)であるため、VSCode１つでデバッグからコンパイルまで行うことができます。
-
-
参考VSCodeのインストール方法を解説【Windows版】
VSCodeを導入するメリット・デメリット
こんな疑問を抱いた方へ、ぜひこちらの記事も合わせて読んでみましょう。
これからVSCodeを利用する上で
・どんな点に優れているのか
・利用者数はどれほどなのか
・逆にデメリットはあるのか
といった内容をまとめています。
合わせて読みたい記事
-
-
【統合開発環境】WindowsでプログラミングするならVSCodeがおすすめの理由４つ
VSCodeで拡張機能を導入する方法
まずはVSCodeで拡張機能を導入する方法を解説していきます。
手順は以下の通りです。
簡単な流れ
- ブロックのようなアイコンをクリックする
- 検索バーに導入したい拡張機能を入力する
- ヒットした拡張機能をクリックする
- ”インストール”というボタンをクリックする
これで拡張機能を導入できました。
VSCodeで導入すべきおすすめ拡張機能５選
ここからは本題であるVSCodeで導入すべきおすすめ拡張機能を５つまとめていきます。
今回ご紹介する拡張機能は、どんな言語にも対応している汎用的なものばかりです。
加えて、必ず今の作業効率を上げる機能をまとめています。
ぜひ気に入った拡張機能は導入して使用してみてください。
Japanese Language Pack for Visual Studio Code
Japanese Language Pack for Visual Studio Codeは、VSCodeを日本語化する拡張機能です。
VSCodeを導入したことがある方はお分かりかと思いますが、初期は英語表記です。
よほど英語に詳しい方でない限り、その状態で開発を行うのは厳しいと思います。
日本語表記のほうが理解も早まりますので、確実に入れたほうが良いでしょう。
vscode-icons
vscode-iconsはファイルの拡張子に合わせてアイコンを表示してくれる拡張機能です。
・～.py
・～.rb
・～.js
などファイルを作成しても、通常は全てメモ帳のようなテキストのアイコン表示がされますよね。
似たようなファイルが立て続けに並んでいたら、正直探すのが大変です。
そこでvscode-iconsを導入することで、見づらい悩みを解消することができます。
GitHub Theme
GitHub ThemeはGitHub公式が提供しているVSCode用のテーマです。
GutHubとは、ざっくり言うと開発したプログラム(ソースコード)を管理するサービスをいいます。
GitHubを利用することで
・ソースコードの管理
・バージョン管理
・他エンジニアへの技術提供
といった、エンジニアにはありがたい機能や情報収集を行うことができます。
そんなGitHub社がリリースした「GitHub Theme」。
デフォルトでも十分見やすい配色でまとまっているVSCodeですが、GitHubというワードは強く利用している方は非常に多いです。
また、しっかり考えられた配色で整えられているため、使い勝手も本当に良いです。
Bracket Pair Colorizer
Bracket Pair Colorizerは対になる括弧を色分けして表示する拡張機能です。
プログラミングをしていくと、多重括弧をする場合があり、どの括弧にどのコードが対応しているのか見失ってしまいます。
これはエラーのもとにつながるため、早急に避けたいところです。
しかし、Bracket Pair Coloizerは括弧ごとに色分けしてくれ、さらにカッコ内のコードをアンダーラインで教えてくれます。
indent-rainbow
indent-rainbowはインデントを虹色で色分けしてくれる拡張機能です。
インデントとはコードの段落分けを意味しています。
プログラミングにおいて、インデントはコードを読みやすくする利点があります。
しかし、それだけではありません。
プログラミング言語によっては、インデント自体に意味があるのです。
Pythonは特に良い例で、インデントが揃っていなければエラーが起こってしまいます。
単純なエラーを出さないために、導入してみるも良いでしょう。
< まずは無料オンライン説明会から >
まとめ：VSCodeおすすめ拡張機能
今回ご紹介したおすすめ拡張機能は以下の通りです。
メモ
・Japanese Language Pack for Visual Studio Code
・vscode-icons
・GitHub Theme
・Bracket Pair Coloizer
・indent-rainbow
今回まとめた拡張機能はどれも作業効率が上がり、導入して損はありません。
VSCodeには他にも拡張機能が山程あります。
時間があるときにじっくり調べてみると、良い拡張機能が見つかるかもしれませんよ！
合わせて読みたい記事
-
-
【初心者向け】Pythonとはどんな言語？活用事例や学習メリットを紹介