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
      
   
   入っていないです 1. __✔Node.js__ のインストール
   [node.jsサイト](https://nodejs.org/ja/)にアクセス
   ⬇
   
   「 __10.15.3 LTS　推奨版__」をダウンロードします
   「__node-v10.15.3-x64.msi__ 」がダウンロードされます
   
   ダブルクリックしてインストールを開始
   ⬇
   セットアップウィザード起動　Next を押下
   
   ⬇
   左下のチェックボックスにチェックを入れる Next を押下
   
   ⬇
   インストール場所の指定 そのまま Next を押下
   
   ⬇ インストールのカスタマイズ そのまま Next を押下
   ※npmも一緒にインストールされます
   
   ⬇
   Install を押下
   
   ⬇
   しばらくすると完了します
   
   Finish を押下して閉じる
   1. __✔Node.js__ がインストールされているか確認
   コマンドラインで以下を実行します
   `node --version`
   
   v10.15.3がインストールされていることが確認できました
   1. __✔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）