Visual Studio Codeにはたくさんの拡張機能が存在します。これをうまく活用することで作業効率が上がります。
この記事では、おすすめな拡張機能とVisual Studio Codeの便利な機能を紹介します。
拡張機能のインストール方法
Visual Studio Codeの拡張機能のインストール方法は3つあります。
- 1つ目：拡張機能の画面からInstallボタンをクリック
- 2つ目：ターミナルやシェルから、
code --installコマンドを実行する - 3つ目：Visual Studio Codeのコマンドレットから、
ext installコマンドを実行する
JSONファイルを扱う人におすすめの拡張機能
JSON Editor
どんな複雑なJSONファイルでもツリー構造で表示してくれます。また、表示されたツリーからJSONファイルを編集できるようになります。
| URL | https://marketplace.visualstudio.com/items?itemName=nickdemayo.vscode-json-editor |
|---|---|
| インストールコマンド（シェル） | code --install-extension nickdemayo.vscode-json-editor |
| インストールコマンド（コマンドレット） | ext install nickdemayo.vscode-json-editor |
Paste JSON as Code
JSONファイルを入力してコードを生成することができます。
| URL | https://marketplace.visualstudio.com/items?itemName=quicktype.quicktype |
|---|---|
| インストールコマンド（シェル） | code --install-extension quicktype.quicktype |
| インストールコマンド（コマンドレット） | ext install quicktype.quicktype |
json
JSONファイルの構造を解析してツリー表示してくれます。
| URL | https://marketplace.visualstudio.com/items?itemName=ZainChen.json |
|---|---|
| インストールコマンド（シェル） | code --install-extension ZainChen.json |
| インストールコマンド（コマンドレット） | ext install ZainChen.json |
Prettify JSON
JSONファイルを改行したりインデントしたりして読みやすくしてくれます。
| URL | https://marketplace.visualstudio.com/items?itemName=mohsen1.prettify-json |
|---|---|
| インストールコマンド（シェル） | code --install-extension mohsen1.prettify-json |
| インストールコマンド（コマンドレット） | ext install mohsen1.prettify-json |
JSON Tools
Ctrl(Cmd) + Alt + M でJSONファイルをきれいにしてくれる
Alt + M でJSONファイルを軽量化してくれる
| URL | https://marketplace.visualstudio.com/items?itemName=eriklynd.json-tools |
|---|---|
| インストールコマンド（シェル） | code --install-extension eriklynd.json-tools |
| インストールコマンド（コマンドレット） | ext install eriklynd.json-tools |
vscode-json
ファイルフォーマットチェック、ファイル成形、軽量化、エスケープ処理、アンエスケープ処理してくれる
| URL | https://marketplace.visualstudio.com/items?itemName=andyyaldoo.vscode-json |
|---|---|
| インストールコマンド（シェル） | code --install-extension andyyaldoo.vscode-json |
| インストールコマンド（コマンドレット） | ext install andyyaldoo.vscode-json |
c
c
.NET core c# 開発ツールです。Visual Studio Code でc# 開発するには必須の拡張機能です。
| URL | https://marketplace.visualstudio.com/items?itemName=ms-dotnettools.csharp |
|---|---|
| インストールコマンド（シェル） | code --install-extension ms-dotnettools.csharp |
| インストールコマンド（コマンドレット） | ext install ms-dotnettools.csharp |
c# Snippets
c#のスニペットコード集です。いろいろあるので便利です。
| URL | https://marketplace.visualstudio.com/items?itemName=jorgeserrano.vscode-csharp-snippets |
|---|---|
| インストールコマンド（シェル） | code --install-extension jorgeserrano.vscode-csharp-snippets |
| インストールコマンド（コマンドレット） | ext install jorgeserrano.vscode-csharp-snippets |
c# XML Documentation Comment
XMLドキュメントコメントを自動生成してくれます。
| URL | https://marketplace.visualstudio.com/items?itemName=k--kato.docomment |
|---|---|
| インストールコマンド（シェル） | code --install-extension k--kato.docomment |
| インストールコマンド（コマンドレット） | ext install k--kato.docomment |
Visual Studio Codeは機能ありすぎ！
Visual Studio Codeはオープンソースのコードエディタです。
コードエディタと言いつつも、デバッグもできますし簡易Webサーバも立てられますし、ソースコード中のTODOを検索してツリー表示することもできます。
インストール可能な拡張機能の数は30,000以上と言われており、とても便利な機能が数多くあります。
そのため、Visual Studio Codeを使いこなすには、それなりの情報収集が必要です。
「Visual Studio Code実践ガイド」は、
- Visual Studio Codeの基本的な使い方
- TypeScriptやPythonなど、実際の開発を通した Visual Studio Code機能の紹介
- Visual Studio Code拡張機能の開発方法の紹介
などが収録されており、Visual Studio Codeの機能を体系的に理解するのに最適な書籍です。
電子書籍化されていますので、まずは kindleなどで試し読みしてみてはいかがでしょうか。
コメント