Visual Studio Code での Extension 開発00(環境構築)

• 公式ドキュメントより
• 環境構築
• 参考

---

公式ドキュメントより

• 公式ドキュメント あなたの最初の拡張 Visual Studioコード拡張API

Node.js と Git がインストールされていることを確認してから、
Yeoman と VS Code Extension Generator を次のようにインストールします
npm install -g yo generator-code

　ということなので、まずは環境構築です

---

流れとしては、、、

1. Node.js のインストール確認
2. Git のインストール確認
3. Yeoman と VS Code Extension Generator のインストール

順に実施していきます

---

環境構築

1. ✔Node.js のインストール確認

   1. コマンドラインで以下を実行します
      node --version
      
      入っていないです
   2. ✔Node.js のインストール
      node.jsサイトにアクセス
      ⬇
      
      「 10.15.3 LTS　推奨版」をダウンロードします
      「node-v10.15.3-x64.msi 」がダウンロードされます
      
      ダブルクリックしてインストールを開始
      ⬇
      セットアップウィザード起動　Next を押下
      
      ⬇
      左下のチェックボックスにチェックを入れる Next を押下
      
      ⬇
      インストール場所の指定 そのまま Next を押下
      
      ⬇ インストールのカスタマイズ そのまま Next を押下
      ※npmも一緒にインストールされます
      
      ⬇
      Install を押下
      
      ⬇
      しばらくすると完了します
      
      Finish を押下して閉じる
      
   3. ✔Node.js がインストールされているか確認
      コマンドラインで以下を実行します
      node --version
      
      v10.15.3がインストールされていることが確認できました
      
   4. ✔nmp がインストールされているか確認
      コマンドラインで以下を実行します
      nmp --version
      
      6.4.1がインストールされていることが確認できました
      

   ---

2. ✔Git のインストール確認

   1. コマンドラインで以下を実行します
      git --version
      
      こちらはインストールされていることが確認できましたので割愛します
      

   ---

3. ✔Yeoman と VS Code Extension Generator のインストール

   1. コマンドラインで以下を実行します
      npm install -g yo generator-code
      
      
   2. インストールされたか確認します
      コマンドラインで以下を実行します
      yo --version
      
      

---

以上で環境は整いました
(これらの作業は公式ドキュメントのたった3行分の作業です、、、)
機会があれば続きを書く予定です

---

参考

• 公式ドキュメント: あなたの最初の拡張 Visual Studioコード拡張API

• Qiita: Node.js / npmをインストールする（for Windows）