1 分鐘上手，在容器中執行 Visual Studio Code
阿新 • • 發佈：2021-01-20
https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-containers
這個外掛允許我們在容器中執行 `Visual Studio Code`。
在專案的根目錄中，您需要建立一個名為 `.devcontainer` 的資料夾。我們將在此處儲存環境設定。
然後在此資料夾中建立兩個檔案，`devcontainer.json` 和一個 `Dockerfile`。
命名很重要，因為 `Visual Studio Code` 希望我們提供一些資料夾和檔名才能成功執行容器。
您的資料夾結構應如下：
在 `Dockerfile` 中，我們選擇 `Docker` 映象並在安裝映象後執行所需的任何命令（例如全域性安裝）。
```Dockerfile
FROM node:12.14.1-stretch
RUN npm install -g eslint prettier
```
然後，在 `devcontainer.json` 中，我們可以配置所有設定。
`devcontainer.json` 基本上是一個配置檔案，該檔案確定如何構建和啟動 dev 容器。
```json
{
"name": "Node.js Sample",
"dockerFile": "Dockerfile",
"appPort": 3000,
"extensions": ["dbaeumer.vscode-eslint"],
"settings": {
"terminal.integrated.shell.linux": "/bin/bash"
},
"postCreateCommand": "yarn install",
// Comment out the next line to run as root instead. Linux users, update
// Dockerfile with your user's UID/GID if not 1000.
"runArgs": ["-u", "node"]
}
```
* `dockerFile` - 您要用作映象的 Dockerfile 的路徑。
* `appPort` - 在容器執行時應在本地提供的埠或埠陣列。
* `extensions` - 擴充套件 ID 的陣列，這些 ID 指定建立容器時應在容器內部安裝的擴充套件。
* `settings` - 將預設 settings.json 值新增到特定於容器/機器的設定檔案中。
* `postCreateCommand` - 建立容器後要執行的命令字串或命令引數列表。
* `runArgs` - 執行容器時應使用的 Docker CLI 引數陣列
這是 `devcontainer.json` 選項的完整列表。
### 檢查一下
容器執行並連線後，您應該在狀態列的左下方看到遠端上下文（`remote context`）更改：
安裝了“Remote — Containers”擴充套件後，您將在最左側看到一個新的狀態列專案。
遠端狀態列專案可以快速向您顯示在哪個上下文中執行 VS Code（本地或遠端），單擊該專案將彈出“Remote — Containers”命令。
選擇在容器中重新開啟。
### 等待容器構建
如果這是您的第一次連線，則將下載並構建 Docker 映象，並將啟動執行 VS Code Server 副本的容器。第一次可能需要幾分鐘，但以後的連線僅需幾秒鐘。
### 檢查環境
在容器中進行開發的有用的事情之一是，您可以使用應用程式所需的特定版本的依賴關係，而不會影響本地開發環境。
```sh
node --version
npm --version
```
```
我是為少。
微信：uuhells123。
公眾號：黑客下午茶。
謝謝點贊支援