VSCodeのインストール
Download Visual Studio Code – Mac, Linux, Windows
上記URLからVSCodeをダウンロード。exeファイルをクリックしてインストール
![](https://i0.wp.com/takasaan.com/wp-content/uploads/2023/03/image-22.png?resize=500%2C388&ssl=1)
「同意する」にして、次へ。
インストール先もデフォルトのままにする。おそらく以下のようなパスになっている。
C:\Users\username\AppData\Local\Programs\Microsoft VS Code
![](https://i0.wp.com/takasaan.com/wp-content/uploads/2023/03/image-23.png?resize=500%2C388&ssl=1)
その後はすべて次へをクリックし、インストールをする。
VSCodeの設定
日本語表記にする
![](https://i0.wp.com/takasaan.com/wp-content/uploads/2023/03/image-24.png?resize=500%2C375&ssl=1)
「japanese」と検索して一番上に出てくるものをインストール。VSCodeを再起動。
![](https://i0.wp.com/takasaan.com/wp-content/uploads/2023/03/image-25.png?resize=500%2C375&ssl=1)
日本語表記に変わる。
Docker用に設定
dockerのコンテナ内でVSCodeを開くことができるようにするため、Dev Containerを入れる。
![](https://i0.wp.com/takasaan.com/wp-content/uploads/2023/03/image-26.png?resize=500%2C375&ssl=1)
以前は、Remote Container だったが、Dev Containersに名前が変わったらしい。
VSCode Remote Container 改め Dev Containersがかなり変わっていて困惑した (zenn.dev)
続いて、WSLを入れる。これでWSLに接続できるようになる。
![](https://i0.wp.com/takasaan.com/wp-content/uploads/2023/03/image-27.png?resize=500%2C375&ssl=1)
これも以前は、Remote – WSLだったものかと思う。
最後にDockerを入れる。VSCodeでDockerを簡単に使えるようになる。
![](https://i0.wp.com/takasaan.com/wp-content/uploads/2023/03/image-28.png?resize=500%2C375&ssl=1)
使用方法
ここでコンテナは作成済みとする。もしできていない場合は、Dockerコンテナを作成してから読み進めてほしい。
コンテナができている場合、以下のように表示される。
![](https://i0.wp.com/takasaan.com/wp-content/uploads/2023/03/image-40.png?resize=500%2C375&ssl=1)
もし緑でなく、オレンジの□であれば、コンテナが起動していないので、右クリックでStartを押す。
するとコンテナが起動して緑になる。
![](https://i0.wp.com/takasaan.com/wp-content/uploads/2023/03/image-41.png?resize=500%2C375&ssl=1)
起動できていたら、右クリックで「Attach visual studio code」をクリックする。
するとVSCodeでコンテナ内のファイルを編集できるようになる。パスは、workかworkspaceにして、作業する場合が多いと思う。
コメント