[VSCode] Visual Studio Code 拡張機能 開発メモ

note.md

Visual Studio Code 拡張機能 開発メモ 〜環境構築からパッケージ化まで〜

• 公式ドキュメント
• ガイドライン
• コードサンプル
• リファレンス
  • Built-in Commands

ゴール

• 自作した拡張機能を自分のPCにインストールする
  • Marketplaceには公開しない

開発環境の事前準備

• 以下のものがインストールされていること
  • node.js
  • npm

node -v
npm -v

ジェネレーターでテンプレート作成

• グローバルインストールしない方法
  • 参考: https://code.visualstudio.com/api/get-started/your-first-extension

npx --package yo --package generator-code -- yo code

• New Extension(TypeScript)を選択し、YOおじさんの質問に答えて、適当に名称をつける

実装

(省略)

VSCEでインストーラーの作成

• VSCEをインストール

npm install vsce

• package.jsonがある階層で以下のコマンド

vsce package

• うまく行けば、VSIXが作成される

Warning

README.mdがテンプレートのままだと、インストーラの作成に失敗する

インストール

拡張機能のウィンドウ > […] > "VSIXからのインストール..."