.vscode/settings.json ตั้ง config แยกต่อ project

เคยเปิด project แล้วต้องเปลี่ยน settings ด้วยมือทุกครั้ง? .vscode/settings.json แก้ได้:

{
  "editor.formatOnSave": true,
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.tabSize": 2,
  "typescript.tsdk": "node_modules/typescript/lib",
  "css.validate": false,
  "files.associations": {
    "*.astro": "astro"
  }
}

ข้อดี:

• ทุกคนใน team ได้ settings เดียวกันโดยไม่ต้อง configure เอง
• typescript.tsdk ควรตั้งต่อ project เสมอ — ให้ใช้ TypeScript version จาก node_modules แทน VS Code built-in
• css.validate: false ปิด warning เมื่อใช้ CSS-in-JS หรือ framework ที่มี custom syntax

โดยทั่วไปควร commit .vscode/settings.json แต่ใส่ .vscode/ ใน .gitignore ถ้าเป็น personal config ที่ไม่ต้องการแชร์