概要

VSCode拡張機能を利用するための環境構築を行う

環境

• Ubuntu20.04.5 LTS
• VsCode 1.76
• NodeJs 19.8.1
• npm 9.6.2

必要なもの

• VSCode
• NodeJs＋npm
• Yeoman（npmでインストールする）
  ※VsCodeの拡張機能テンプレートジェネレータ

インストール

VSCode
　下記サイトから環境似合わせたファイルをダウンロード＋インストールする
　https://code.visualstudio.com/download

NodeJs+npm
　下記リンク参照
　linux - 最新版のnodejsのビルド＋インストール

Yoeman
　npmを利用してインストールする
　> npm install -g yo generator-code

拡張機能のテンプレート作成

　> yo code
　※コマンド実行後、使用するテンプレートや拡張機能の名称等が求められるので入力する。
　
　テンプレートの例：
　　拡張機能（typescript）
　　拡張機能（javascript）
　　コードスニペット
　　等

VSIXパッケージの作成

作成した拡張機能を配布/公開のためにパッケージ化する
　> npx vsce package
※README.mdが存在しているとエラーになるため存在している場合は削除する
※package.jsonに「"publisher" : "your name"」がないとエラーになる

参考情報

Visual Studio Codeの教科書
　・2020年の書籍のためか情報が古い、記載されているコマンドがそのまま使えない等の問題がある。
　・ページ数の関係でしかたがないかもしれないが、〜参照というが多いため痒いところに手が届かない。
　・調べながら進められるのであれば、VSCodeを歩く上での初級ガイドとしては有用かも。