Visual Studio Code を便利に使うおすすめ拡張機能とTips

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などで試し読みしてみてはいかがでしょうか。

コメントを残す

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