Garbanzo Note

VSCode 拡張開発 入門③ ~Package化してみる~

May 24, 2020

この記事は1年以上が経過しています。内容が古い可能性があります。

目次


インストール

Package 化と公開する際に必要なvsceモジュールをインストールする

npm install vsce

公開する場合も必要になります。(※公開方法には触れません。)

package.json に publisher を追加

publisher がないと ERROR Missing publisher name. Learn more: https://code.visualstudio.com/api/working-with-extensions/publishing-extension#publishing-extensions エラーとなる

{
  "publisher": "Foo",
}

publisher には、公開者名を記述します。

package.json のマニフェストは、ここExtension Manifest | Visual Studio Code Extension APIを参照して下さい。

README.md を編集する

編集しないでそのままだと ERROR Make sure to edit the README.md file before you package or publish your extension.となります。

なので、README.md を編集します。

Package を作成する

vsce package

上記コマンドで Package が作成されます。 .vsixファイルが生成されます。(例:helloworld-0.0.1.vsix)

.vsix ファイルをインストールする

アクティビティーバーの拡張機能からinstall from VSIX...を選択 > .vsixファイルを選択すれば登録出来ます。

Alt text


Garbanzo

Webエンジニアの備忘録です。 学んだことをアウトプットしています。

合計記事数
25