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

note.md

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

ゴール

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

開発環境の事前準備

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

> node -v
> npm -v

• vscodeへの環境変数が指定されていること

> code -v

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

• グローバルインストールしない方法
  • npxが起動している
  • 参考: https://boneskull.com/create-yo/

> npm init yo code

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

実装

(省略)

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

• VSCEをインストール

> npm install vsce

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

> vsce package

• うまく行けば、VSIXが作成される
• [!WARNING]README.mdがテンプレートのままだと、インストーラの作成に失敗する

インストール

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