ข้ามไปยังเนื้อหา
คอนเทนเนอร์สำหรับพัฒนา

VS Code

ข้อกำหนดเบื้องต้น

หัวข้อที่มีชื่อว่า “ข้อกำหนดเบื้องต้น”
  1. VS Code
  2. ส่วนขยาย Dev Containers (ms-vscode-remote.remote-containers)
  3. Docker หรือ Podman ที่ทำงานอยู่บนเครื่องของคุณ (ดู เริ่มต้นใช้งาน) VS Code Dev Containers ยังรองรับ Podman เป็นแบ็กเอนด์ ด้วย

เริ่มต้นอย่างรวดเร็ว

หัวข้อที่มีชื่อว่า “เริ่มต้นอย่างรวดเร็ว”
Terminal window
git clone https://github.com/f5-sales-demo/devcontainer.git
code devcontainer

VS Code จะตรวจพบ .devcontainer/devcontainer.json และแสดงการแจ้งเตือน: “Reopen in Container” คลิกที่การแจ้งเตือน หรือใช้ command palette:

Dev Containers: Reopen in Container

VS Code จะ build (หรือ pull) อิมเมจ เริ่มต้น container ติดตั้งส่วนขยาย และเปิดเทอร์มินัลภายใน container

วิธีการทำงาน

หัวข้อที่มีชื่อว่า “วิธีการทำงาน”

ไฟล์ .devcontainer/devcontainer.json จะบอก VS Code ให้ใช้ Docker Compose:

"dockerComposeFile": ["../docker-compose.yml", "../docker-compose.build.yml"],
"service": "dev",
"workspaceFolder": "/workspace"

การกำหนดค่า devcontainer จะรวมไฟล์ build ไว้อย่างชัดเจน เพื่อให้ VS Code สามารถ build อิมเมจในเครื่องได้เมื่อคุณใช้ “Reopen in Container” หรือ “Rebuild Container”

ส่วนขยาย

หัวข้อที่มีชื่อว่า “ส่วนขยาย”

ส่วนขยายจะถูกติดตั้งโดยอัตโนมัติภายใน container:

ส่วนขยายคำอธิบาย
Pythonรองรับภาษา Python
ESLintการตรวจสอบ JavaScript/TypeScript
Prettierการจัดรูปแบบโค้ด
Dockerรองรับ Dockerfile และ compose
Terraformรองรับภาษา HCL
Goรองรับภาษา Go
Rust Analyzerรองรับภาษา Rust
YAMLรองรับภาษา YAML
Kubernetesรองรับ Kubernetes manifest

หากต้องการเพิ่มส่วนขยาย ให้แก้ไขอาร์เรย์ customizations.vscode.extensions ในไฟล์ .devcontainer/devcontainer.json

การส่งต่อพอร์ต

หัวข้อที่มีชื่อว่า “การส่งต่อพอร์ต”

VS Code จะส่งต่อพอร์ตที่กำหนดไว้ในไฟล์ compose โดยอัตโนมัติ หน้าจอ noVNC สามารถเข้าถึงได้ที่ http://localhost:6080/vnc.html — VS Code จะแจ้งเตือนคุณเมื่อพอร์ตพร้อมใช้งาน

สามารถส่งต่อพอร์ตเพิ่มเติมได้ตามต้องการจากแผง Ports ใน VS Code

ทางเลือก Devcontainer CLI

หัวข้อที่มีชื่อว่า “ทางเลือก Devcontainer CLI”

หากคุณต้องการใช้บรรทัดคำสั่งแทน UI ของ VS Code:

Terminal window
npm install -g @devcontainers/cli


devcontainer up --workspace-folder .
devcontainer exec --workspace-folder . zsh

การ rebuild

หัวข้อที่มีชื่อว่า “การ rebuild”

หลังจากเปลี่ยนแปลง Dockerfile หรือไฟล์ compose:

Dev Containers: Rebuild Container

การดำเนินการนี้จะ rebuild อิมเมจและเริ่มต้น container ใหม่ Named volumes (workspace, home) จะคงอยู่ข้ามการ rebuild