VS Code Extensionの公開手順

(image)VS Code Extensionの公開手順
目次

先日VSCode Extensionを公開しました。公開するにあたっての手順をメモがてら残したいと思います。

Visual Studio Team Servicesアカウントの作成

まずVSCode Extensionを公開するためには、Visual Studio Team Servicesアカウントが必要になります。

「MSのメールアカウントを作らなければならないんか！？」と一瞬思っちゃいましたが、手持ちのGmailなどでも登録できるのでご安心を。

プロジェクト作成

自分の好きな名前でプロジェクトを作成します。

アクセストークンの取得

作成したプロジェクトページ( https://{youraccount}.visualstudio.com )でアクセストークンを取得します。 右上メニューのセキュリティからアクセストークンの追加を行ってください。

下記の内容でアクセストークンを作成します。

  • Description: vsce
  • Expire: 1 year
  • Scope: All

※ScopeをAllに設定しないとこのあとの手順がうまくいかないので注意！

vsceのダウンロード

VSCode Extensionの公開に際してはvsceコマンドを使用します。npmでダウンロードしてください。

$ npm install -g vsce

Publisher作成

Marketplace publisher management page で必要な項目を記入した上でCreate Publisherを行います。

vsceログイン

下記のコマンドでvsceログインします。手順のなかでアクセストークンを聞かれるので上手順で入手したトークンを入力します。

vsce login (publisher name)

公開！

これで公開準備が整ったので、VSCode Extensionのルートで下記のコマンドを打ってExtensionを公開します。

vsce publish

参考資料

関連記事