การติดตั้ง Visual Studio Code (VS Code) เป็นเครื่องมือยอดนิยมสำหรับการเขียนโค้ดที่ใช้งานง่ายและรองรับภาษาต่าง ๆ มากมาย ต่อไปนี้คือขั้นตอนการติดตั้ง VS Code:
ขั้นตอนการติดตั้ง VS Code
- ดาวน์โหลด Visual Studio Code
- ไปที่เว็บไซต์ Visual Studio Code
- คลิกปุ่ม Download for [OS] (เว็บไซต์จะตรวจสอบระบบปฏิบัติการของคุณโดยอัตโนมัติ เช่น Windows, macOS, หรือ Linux)
- ติดตั้ง 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
- สำหรับ Windows:
- เปิดใช้งาน VS Code
- หลังการติดตั้ง ให้เปิด VS Code เพื่อเริ่มต้นใช้งาน
- คุณจะเห็นหน้าจอ Welcome พร้อมคำแนะนำเบื้องต้น
การตั้งค่าเพิ่มเติมหลังติดตั้ง
- ติดตั้ง Extensions
- คลิกไอคอน Extensions ทางด้านซ้าย (หรือกด Ctrl+Shift+X)
- ค้นหาและติดตั้งส่วนเสริมที่คุณต้องการ เช่น:
- PHP IntelliSense: ช่วยในการเขียนโค้ด PHP
- Prettier: จัดรูปแบบโค้ดอัตโนมัติ
- Live Server: เปิดเว็บเบราว์เซอร์เพื่อแสดงผลแบบเรียลไทม์
- Thai Language Pack (ถ้ามี): ช่วยแปลภาษาใน VS Code
- ตั้งค่าธีมและไอคอน
- เปลี่ยนธีมใน File > Preferences > Color Theme (หรือกด Ctrl+K Ctrl+T)
- เลือกธีมที่คุณชอบ เช่น Dark+ หรือ Light+
- ตั้งค่า PHP Environment
- หากคุณพัฒนา PHP ให้ติดตั้ง PHP บนระบบของคุณและเพิ่มเส้นทาง PHP (php.exe) ลงใน PATH
- ใช้งานคู่กับ XAMPP หรือ Laragon เพื่อรันโค้ด PHP
- เปิดโฟลเดอร์โปรเจกต์
- คลิก File > Open Folder เพื่อเปิดโฟลเดอร์โปรเจกต์ของคุณ
- หรือใช้ Terminal ภายใน VS Code เพื่อรันคำสั่ง
เคล็ดลับสำหรับผู้เริ่มต้น
- ใช้งาน Terminal ในตัว VS Code
- กด Ctrl+ เพื่อเปิด Terminal โดยตรง
- ใช้ Keyboard Shortcuts
- กด Ctrl+P เพื่อค้นหาไฟล์อย่างรวดเร็ว
- กด Ctrl+Shift+F เพื่อค้นหาในไฟล์ทั้งหมดในโปรเจกต์
- เปิดไฟล์ด้วย Command Line
- ใช้คำสั่ง code . ใน Terminal เพื่อเปิดโฟลเดอร์โปรเจกต์ใน VS Code