Visual Studio Code Remote Development

เคยมีคนกล่าวเป็นมุขขำในในวงการ Software Developer ที่ว่า “Real man test in production” หรือ “Real man code in production” :smiley: กำลังจะเป็นจริงได้ง่ายๆเมื่อ Visual Studio Code ได้ออก Extension ใหม่ออกมาให้ทดลองเล่นกันด้วย Remote Development Extension

Visual Studio Code Remote Development Extension ที่ออกมาให้ใช้มี 3 ตัวดังนี้

  • Remote - SSH - Work with source code in any location by opening folders on a remote machine/VM using SSH. Supports connecting to x86_64 Linux SSH servers now, and more platforms are on the way.
  • Remote - Containers - Work with a sandboxed toolchain or container based application by opening any folder inside (or mounted into) a container.
  • Remote - WSL - Get a Linux-powered development experience from the comfort of Windows by opening any folder in the Windows Subsystem for Linux.

หรือจะดาวน์โหลดเป็นแพ็คได้ที่ Remote Development Extension Pack

  1. Remote - SSH
  • คลิ๊กที่ปุ่มสีเขียวด้านล่างซ้าย แล้วเลือก Remote-SSH: Connect to Host…

2019-06-09_21-57-32

  • ใส่ข้อมูล SSH Host ปลายทางเช่น admin@codebangkok.com และรหัสผ่าน

2019-06-09_21-52-14

  • สังเกตุทางด้านซ้ายล่างจะขึ้น SSH Host ที่เรา Connect
  • จากนี้เราสามารถเปิด Terminal และ Open Folder บน Server ได้เลย

  1. Remote - Containers
  • สร้าง docker container run เช่น
docker container run -dt --name=dotnet --publish=5000:5000 --publish=5001:5001 mcr.microsoft.com/dotnet/core/sdk:3.0
  • คลิ๊กที่ปุ่มสีเขียวด้านล่างซ้าย แล้วเลือก Remote-Containers: Attach to Running Container…

  • เลือก Container ที่ต้องการ

  1. สังเกตุทางด้านซ้ายล่างจะขึ้น Attached Container
  2. เปิด Terminal แล้วกดปุ่ม + เพื่อสร้าง Shell ใหม่
  3. ทดลองสร้างโปรเจ็คใหม่หรือไดเร็คทอรี่ใหม่เช่น
dotnet new console -o HelloWorld
  1. กดปุ่ม Open Folder
  2. กำหนด Directory Path ที่สร้างไว้ใน Container

  • ทดลองแก้ไขโค้ดและรันโปรแกรมใน Container ได้เลย