การติดตั้ง Visual Studio Code (VS Code)

1. การดาวน์โหลด (Download)

  1. เข้าไปที่เว็บไซต์ทางการ: code.visualstudio.com
  2. หน้าเว็บจะตรวจจับระบบปฏิบัติการของคุณโดยอัตโนมัติ (เช่น Windows x64) ให้กดปุ่ม “Download for…” สีน้ำเงินได้เลย
  3. หรือหากต้องการเลือกเวอร์ชันอื่น (เช่น สำหรับ Mac ชิป M1/M2/M3 หรือ Linux) ให้คลิกที่ลูกศรข้างปุ่มดาวน์โหลดครับ

2. ขั้นตอนการติดตั้ง (Installation)

ขั้นตอนจะเน้นที่ Windows ซึ่งเป็นระบบที่นิยมใช้มากที่สุดครับ:

สำหรับ Windows:

  1. เปิดไฟล์ Installer: เมื่อโหลดเสร็จ ให้ดับเบิลคลิกไฟล์ที่ลงท้ายด้วย .exe
  2. Accept Agreement: เลือก “I accept the agreement” แล้วกด Next
  3. Select Location: เลือกที่อยู่ที่ต้องการติดตั้ง (แนะนำให้ใช้ค่าเริ่มต้น) แล้วกด Next
  4. Select Additional Tasks (สำคัญ): ในหน้านี้แนะนำให้ติ๊กถูกทุกข้อ โดยเฉพาะ:
    • Add “Open with Code” to Windows Explorer context menu: เพื่อให้เราคลิกขวาที่โฟลเดอร์แล้วสั่งเปิดด้วย VS Code ได้ทันที
    • Add to PATH: เพื่อให้เรียกใช้คำสั่ง code ผ่าน Terminal ได้
  5. Install: กดปุ่ม Install แล้วรอจนแถบสีเขียวเต็ม
  6. Finish: เมื่อเสร็จแล้วให้กด Finish เพื่อเริ่มใช้งานโปรแกรม

สำหรับ macOS:

  1. เปิดไฟล์ .zip ที่ดาวน์โหลดมา
  2. ลากตัวโปรแกรม Visual Studio Code ไปไว้ในโฟลเดอร์ Applications
  3. เปิดโปรแกรมจาก Launchpad หรือ Spotlight ได้เลย

3. การตั้งค่าเบื้องต้นที่แนะนำ

เมื่อเปิดโปรแกรมครั้งแรก คุณอาจต้องการปรับแต่งเล็กน้อยเพื่อให้ใช้งานง่ายขึ้น:

  • ติดตั้งภาษาไทย (Optional): ไปที่เมนูรูปสี่เหลี่ยมด้านซ้าย (Extensions) ค้นหาคำว่า “Thai” และกด Install เพื่อเปลี่ยนเมนูเป็นภาษาไทย
  • เลือกธีม (Color Theme): ไปที่ไอคอนฟันเฟือง (Settings) > Themes > Color Theme เพื่อเลือกสีเข้มหรือสว่างตามชอบ
  • ติดตั้ง Extension เสริม: เช่น “Prettier” สำหรับจัดรูปแบบโค้ด หรือ Extension ตามภาษาที่คุณจะเขียน (เช่น Python, C++, HTML/CSS)