1.Visual Studio Code(以下、VS Code)のダウンロード・インストール・起動
(1)VS Codeのダウンロード
(ダウンロードサイト)Download Visual Studio Code
![](https://i0.wp.com/zakku-spot.com/wp-content/uploads/2023/05/image-98.png?resize=281%2C311&ssl=1)
(2)VS Codeのインストール
① インストーラを起動します。
![](https://i0.wp.com/zakku-spot.com/wp-content/uploads/2023/05/image-97.png?resize=198%2C35&ssl=1)
② 「同意する」を選択後、「次へ」をクリックします。
![](https://i0.wp.com/zakku-spot.com/wp-content/uploads/2023/05/image-99.png?resize=597%2C463&ssl=1)
③ インストールフォルダを選択後、「次へ」をクリックします。
![](https://i0.wp.com/zakku-spot.com/wp-content/uploads/2023/05/image-100.png?resize=596%2C463&ssl=1)
④ 「次へ」をクリックします。
![](https://i0.wp.com/zakku-spot.com/wp-content/uploads/2023/05/image-101.png?resize=595%2C463&ssl=1)
⑤ 「次へ」をクリックします。
![](https://i0.wp.com/zakku-spot.com/wp-content/uploads/2023/05/image-102.png?resize=595%2C460&ssl=1)
⑥ 「インストール」をクリックします。
![](https://i0.wp.com/zakku-spot.com/wp-content/uploads/2023/05/image-103.png?resize=594%2C462&ssl=1)
⑦ 「完了」をクリックします。
![](https://i0.wp.com/zakku-spot.com/wp-content/uploads/2023/05/image-104.png?resize=594%2C460&ssl=1)
(3)VS Codeの起動
起動画面が表示されます。
![](https://i0.wp.com/zakku-spot.com/wp-content/uploads/2023/05/image-105.png?resize=640%2C481&ssl=1)
2.ガイドツアー(Welcome)
① 左上の「Wellcome」をクリックします。
![](https://i0.wp.com/zakku-spot.com/wp-content/uploads/2023/05/image-106.png?resize=600%2C246&ssl=1)
② 「Start」の「Open Folder…」をクリックします。
![](https://i0.wp.com/zakku-spot.com/wp-content/uploads/2023/05/image-107.png?resize=640%2C330&ssl=1)
③ 作業するフォルダを選択します。
![](https://i0.wp.com/zakku-spot.com/wp-content/uploads/2023/05/image-108.png?resize=640%2C267&ssl=1)
④ セキュリティ警告「Do you trust the authors of the files in this folder?」画面が表示されるが、
▢ Trust the authors of all files in the parent folder ‘(作業するプロジェクトフォルダ)’
にはチェックを入れ、
「Yes, I trust the authors」を選択します。
![](https://i0.wp.com/zakku-spot.com/wp-content/uploads/2023/05/image-110.png?resize=640%2C329&ssl=1)
⑤ ここで、「Wellcome」タグは閉じます。
実は、ガイドをすべて読む予定でしたが、起動してみて、あまりにも、直感的に操作できてしまうので、今回は、左側に表示されているリソースに対しての作業に、進むことにしました。
![](https://i0.wp.com/zakku-spot.com/wp-content/uploads/2023/05/image-111.png?resize=640%2C330&ssl=1)
↓ …すぐ編集を開始できました。
![](https://i0.wp.com/zakku-spot.com/wp-content/uploads/2023/05/image-112.png?resize=640%2C330&ssl=1)
ガイドツアーの精読は、また別の機会にしてみたいと思います。