การติดตั้ง Visual Studio Code (VS Code) เป็นเครื่องมือยอดนิยมสำหรับการเขียนโค้ดที่ใช้งานง่ายและรองรับภาษาต่าง ๆ มากมาย ต่อไปนี้คือขั้นตอนการติดตั้ง VS Code:

visual studio code

ขั้นตอนการติดตั้ง VS Code

  1. ดาวน์โหลด Visual Studio Code
    • ไปที่เว็บไซต์ Visual Studio Code
    • คลิกปุ่ม Download for [OS] (เว็บไซต์จะตรวจสอบระบบปฏิบัติการของคุณโดยอัตโนมัติ เช่น Windows, macOS, หรือ Linux)
  2. ติดตั้ง VS Code
    • สำหรับ Windows:
      • เปิดไฟล์ติดตั้งที่ดาวน์โหลดมา (.exe)
      • ยอมรับข้อตกลงการใช้งานและคลิก Next
      • เลือกโฟลเดอร์ที่ต้องการติดตั้ง (ค่าปกติคือ C:\Program Files\Microsoft VS Code)
      • เลือกตัวเลือกเพิ่มเติม เช่น "Add to PATH" (แนะนำให้เลือกเพื่อให้ใช้งานผ่าน Command Prompt หรือ Terminal ได้ง่าย)
      • คลิก Install และรอจนติดตั้งเสร็จ
    • สำหรับ macOS:
      • เปิดไฟล์ .dmg ที่ดาวน์โหลดมา
      • ลากไอคอน VS Code ไปที่โฟลเดอร์ Applications
    • สำหรับ Linux:
      • ติดตั้งไฟล์ .deb หรือ .rpm ผ่านคำสั่งที่เหมาะสมใน Terminal
  3. เปิดใช้งาน VS Code
    • หลังการติดตั้ง ให้เปิด VS Code เพื่อเริ่มต้นใช้งาน
    • คุณจะเห็นหน้าจอ Welcome พร้อมคำแนะนำเบื้องต้น

การตั้งค่าเพิ่มเติมหลังติดตั้ง

  1. ติดตั้ง Extensions
    • คลิกไอคอน Extensions ทางด้านซ้าย (หรือกด Ctrl+Shift+X)
    • ค้นหาและติดตั้งส่วนเสริมที่คุณต้องการ เช่น:
      • PHP IntelliSense: ช่วยในการเขียนโค้ด PHP
      • Prettier: จัดรูปแบบโค้ดอัตโนมัติ
      • Live Server: เปิดเว็บเบราว์เซอร์เพื่อแสดงผลแบบเรียลไทม์
      • Thai Language Pack (ถ้ามี): ช่วยแปลภาษาใน VS Code
  2. ตั้งค่าธีมและไอคอน
    • เปลี่ยนธีมใน File > Preferences > Color Theme (หรือกด Ctrl+K Ctrl+T)
    • เลือกธีมที่คุณชอบ เช่น Dark+ หรือ Light+
  3. ตั้งค่า PHP Environment
    • หากคุณพัฒนา PHP ให้ติดตั้ง PHP บนระบบของคุณและเพิ่มเส้นทาง PHP (php.exe) ลงใน PATH
    • ใช้งานคู่กับ XAMPP หรือ Laragon เพื่อรันโค้ด PHP
  4. เปิดโฟลเดอร์โปรเจกต์
    • คลิก File > Open Folder เพื่อเปิดโฟลเดอร์โปรเจกต์ของคุณ
    • หรือใช้ Terminal ภายใน VS Code เพื่อรันคำสั่ง

เคล็ดลับสำหรับผู้เริ่มต้น

  • ใช้งาน Terminal ในตัว VS Code
    • กด Ctrl+ เพื่อเปิด Terminal โดยตรง
  • ใช้ Keyboard Shortcuts
    • กด Ctrl+P เพื่อค้นหาไฟล์อย่างรวดเร็ว
    • กด Ctrl+Shift+F เพื่อค้นหาในไฟล์ทั้งหมดในโปรเจกต์
  • เปิดไฟล์ด้วย Command Line
    • ใช้คำสั่ง code . ใน Terminal เพื่อเปิดโฟลเดอร์โปรเจกต์ใน VS Code