ใช้ VS Code run project ที่มันเป็นส่วนย่อย ๆ หลาย ๆ ตัวคล้าย ๆ Microservices ( แต่จริง ๆ มันคือก้อนใหญ่ ๆ นั่นละไม่ใช่ service แยกขนาดนั้น ยังตายทั้งระบบอยู่ถ้าตัวใหญ่ ๆ ล่ม ) เวลา Run and Debug แล้วต้องมาคิดว่ามันต้อง run Task ไหนบ้าง อันไหน start, failed เลยลองใช้ AI ของแก้ดู
💡 Prompt สำหรับสร้าง Parallel Run Config
“ช่วยสร้างไฟล์ launch.json, tasks.json และ settings.json สำหรับโปรเจกต์ [ระบุชื่อประเภทโปรเจกต์ เช่น Full-stack Java & React] โดยมีเงื่อนไขดังนี้
- ข้อมูลทางเทคนิค
- Backend: ใช้ภาษา [เช่น Java Spring Boot], รันที่ Port [เช่น 7299], Main Class อยู่ที่ [ระบุ Path], และต้องการ VM Args สำหรับ [เช่น Profiles, Memory Limit]
- Frontend: ใช้ [เช่น React/Vite], รันที่ Port [เช่น 7899], ใช้คำสั่ง [เช่น npm run start]
- Path: โครงสร้างโปรเจกต์อยู่ที่ [เช่น /project-root/backend และ /project-root/frontend]
- ความต้องการด้าน Automation ( Tasks ):
- สร้าง Task สำหรับ Kill Process ที่ค้างอยู่ใน Port [ระบุ Port] ก่อนเริ่มรันเสมอ
- สร้าง Task สำหรับ Wait for Service เพื่อรอให้ Backend และ Frontend พร้อมก่อนเปิด Browser
- การทำงานแบบ Parallel ( Compounds ):
- สร้าง Compound ชื่อ ‘Run All Services’ ให้รันทั้ง Backend, Frontend และ Debugger พร้อมกัน
- ตั้งค่าให้เมื่อกด Stop แล้วให้หยุดทุก Process ทันที (
stopAll: true)
- การตั้งค่าสภาพแวดล้อม ( Settings / Env ):
- ระบุ
JAVA_HOMEหรือPATHสำหรับ macOS ( Homebrew ) ในไฟล์คอนฟิกด้วย - ใน
settings.jsonให้ใส่การautoApproveสำหรับคำสั่ง Terminal ที่ต้องใช้บ่อย ๆ
- ระบุ
กรุณาสร้าง Code ที่พร้อม Copy ไปวางในโฟลเดอร์ .vscode ได้เลย”
Prompt ( พร้อมท์ ) ในความเป็นจริง
จะเห็นว่ารายละเอียดเยอะมาก แต่จริง ๆ ถ้าเป็น ai ที่ใช้ใน project อยู่แล้วมันจะไม่ต้องบอกขนาดนั้น อาจจะบอกแค่ ทำ VS Code Parallel Run Tasks สำหรับ run ส่วน xxx ถ้า Backend และ Frontend พร้อมแล้วให้เปิด chrome
เท่านั้นเอง ไม่ต้องละเอียดตามข้างบนก้ได้
🛠 สิ่งที่คุณจะได้รับจากการใช้ Prompt นี้
| ไฟล์ | ประโยชน์ที่จะได้รับ |
| launch.json | รวมการรันหลายส่วนไว้ในปุ่มเดียว พร้อมการส่งค่า Parameter ( VM Args ) ที่ซับซ้อน |
| tasks.json | จัดการเรื่องความสะอาดของ Port และลำดับการรอ ( Dependency ) ไม่ให้เปิดเว็บก่อนแอปจะพร้อม |
| settings.json | ลดการขัดจังหวะจากหน้าต่าง Confirm และจัดการ Path ของ Runtime ให้ถูกต้องตามเครื่องที่ใช้ |
อ่านเพิ่มเติม