Hack Your Design!

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

参考資料

  • このエントリーをはてなブックマークに追加
comments powered by Disqus