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

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

速攻でメモできる QuickNote リリースしました!

QuickNoteは動作が超軽量でサクサクかけるノートアプリです。一瞬の閃きを逃さずにノートを開き書き始めることができます。 アカウント登録も不要です。お試しあれ!

Excel操作をコマンドで! proBoarderExcel

Excelはマウスで操作するのが基本ですが、マウス操作に疲れてはいませんか? キーボードでExcel操作ができるようになるアプリです。オープンソースで無料です。

積み上げ! Daily Stack リリースしました!

Daily Stack は日々の積み上げを管理するToDoアプリです。過去の積み上げの振り返りだけでなく、ツイート機能もあります。 アカウント登録不要ですぐに使い始めることができます。

ExecNote.app リリースしました!

ExecNoteは、コードが実行できるMarkdownアプリケーションです。Markdownドキュメント内に記載したコードをクリックすると実行ができます。わざわざターミナルを 起動させる必要がありません!無料ですのでもしよければダウンロードをお願いします。

About Me

11年目のシステムエンジニアです。アプリで生活や仕事を改善したい🐱仕事効率化、自動化のアプリ開発が得意です、ご相談ください。 🚀エンタメ系アプリの開発も模索中🐬社内SEや個人アプリ開発者、システムエンジニアになりたい人と繋がりたい🐱