ทำไมต้อง VS Code
- open source - เป็นซอฟต์แวร์เปิดเผยซอร์สโค้ด สามารถตรวจสอบความปลอดภัยได้
- ฟรี - ไม่มีค่าใช้จ่ายในการใช้งาน
- extensions เยอะ - มี extensions ให้เลือกใช้มากมาย เพิ่มความสามารถได้ตามต้องการ
- คนใช้กันมากที่สุด - มีชุมชนขนาดใหญ่ ทำให้หาคำตอบและความช่วยเหลือได้ง่าย
Settings
VS Code มีการตั้งค่าได้ 2 แบบ:
แบบ UI ที่ใช้งานง่าย
- พิมพ์ f1 > Preferences: Open Settings
- สามารถค้นหาและปรับแต่งการตั้งค่าผ่าน interface แบบกราฟิก
- เหมาะสำหรับผู้เริ่มต้นใช้งาน
แบบ JSON สำหรับการตั้งค่าขั้นสูง
- พิมพ์ f1 > Preferences: Open Settings (JSON)
- สามารถกำหนดค่าได้ละเอียดกว่า
- เหมาะสำหรับผู้ใช้งานขั้นสูง
Customization
เปลี่ยน Theme
- พิมพ์ f1 > Preferences: Color Theme
- เลือก theme ที่ต้องการจากรายการที่มีให้
- สามารถติดตั้ง theme เพิ่มเติมได้จาก marketplace
เปลี่ยน Icon
- พิมพ์ f1 > Preferences: File Icon Theme
- เลือกชุด icon ที่ต้องการ
- ช่วยให้แยกแยะประเภทไฟล์ได้ง่ายขึ้น
Snippet
- Code snippets คือ template code ที่ใช้บ่อยๆ
- สร้าง snippet ของตัวเองได้
- วิธีใช้: พิมพ์คำย่อแล้วกด Tab
- ตัวอย่าง:
clg→console.log()
Panel
- Output: แสดงผลลัพธ์การทำงานของ extensions
- Problems: แสดงข้อผิดพลาดและคำเตือน
- Debug Console: ใช้สำหรับ debugging
- Terminal: เรียกใช้ command line
Keyboard Shortcut
ช็อตคัทที่ใช้บ่อย:
- ctrl+p - เปิดไฟล์
- ctrl+shift+p หรือ f1 - เปิด command palette
- ctrl+` - เปิด/ปิด terminal
- ctrl+b - เปิด/ปิด sidebar
- ctrl+shift+e - เปิด explorer
Terminal
- รองรับหลาย shell profiles
- สลับระหว่าง profiles ได้ง่าย
- ปรับแต่ง font และสีได้
- รองรับการแบ่งหน้าจอ (split)
Productivity
เครื่องมือเพิ่มประสิทธิภาพ:
- IntelliSense: ช่วยเติมโค้ดอัตโนมัติ
- Multi-cursor: แก้ไขหลายตำแหน่งพร้อมกัน
- Refactoring: ปรับปรุงโค้ดอย่างมีประสิทธิภาพ
- Zen Mode: โหมดทำงานแบบไม่มีสิ่งรบกวน
Debugging
- รองรับการ debug หลายภาษา
- breakpoints แบบต่างๆ
- watch expressions
- call stack
- variables inspection
Source Control
- รองรับ Git แบบในตัว
- แสดงการเปลี่ยนแปลงของไฟล์
- commit, push, pull ได้ง่าย
- เปรียบเทียบไฟล์ (diff)
Extensions
Extensions ที่แนะนำ:
- Prettier - จัดรูปแบบโค้ด
- ESLint - ตรวจสอบคุณภาพโค้ด
- GitLens - เพิ่มความสามารถ Git
- Live Server - รัน local server