กลับไปดูแล้วทำตาม
ตอนที่ 6/7Claude Code จากศูนย์ ฉบับ VS Code45 นาที
8 กับดักมือใหม่ ลองพังให้ดูทุกข้อ
ฉบับ VS Code ทั้งตอนเป็นลองพังดู 8 ช่วง กับดัก 6 ข้อแรกที่เคยเจอในตอนก่อน ๆ พังด้วยมุมที่คนใช้ VS Code เจอจริง เปิดโฟลเดอร์บ้านทั้งเครื่อง เห็นแผน 12 ไฟล์ แก้ไฟล์เองแล้วกดย้อนไม่คืน ส่วน 2 ข้อสุดท้ายแพงที่สุด เชื่อคำว่าเสร็จโดยไม่เปิดดู กับเถียงกับมันแทนที่จะเริ่มใหม่ ปิดท้ายด้วยเช็คลิสต์ 4 ข้อก่อนสั่งงานใหญ่
กำลังอัดตอนนี้อยู่
บทและคำสั่งพร้อมแล้วด้านล่าง อ่านทำตามไปก่อนได้เลย พออัปคลิปเสร็จจะขึ้นที่นี่
ภารกิจของตอนนี้
จบตอนนี้ คุณจะจำกับดัก 8 ข้อที่มือใหม่ใน VS Code ตกทุกคนได้จากการเห็นมันพังกับตา แล้วก็มีเช็คลิสต์ 4 ข้อติดตัวไว้ใช้ก่อนสั่งงานใหญ่ทุกครั้ง
- ด่าน 1กับดัก 1 ถึง 3 โฟลเดอร์ งานใหญ่ และจุดย้อนกลับ
- ด่าน 2กับดัก 4 ถึง 6 ความจำ กล่องขออนุญาต และไฟล์กติกา
- ด่าน 3กับดัก 7 เชื่อคำว่าเสร็จโดยไม่เปิดดู
- ด่าน 4กับดัก 8 เถียงกับมันแทนที่จะเริ่มใหม่
- ด่าน 5เช็คลิสต์ 4 ข้อก่อนสั่งงานใหญ่
คำสั่งที่ใช้ในตอนนี้
หยุดคลิปแล้วก๊อปไปวางได้เลย เรียงตามลำดับที่ใช้ในคลิป
- 1.ทุกเครื่องกับดัก 1 ถามตอนเปิดโฟลเดอร์บ้านทั้งเครื่อง มันค้นทั้งเครื่อง
ร้านกาแฟของผมขายอะไรบ้าง - 2.ทุกเครื่องกับดัก 2 งานใหญ่รวดเดียว สั่งตอนป้ายโหมดเป็น Plan จะเห็นว่าแผนยาวแค่ไหน
ทำระบบสั่งซื้อออนไลน์ให้ร้านครบเลย มีตะกร้า จ่ายเงิน แจ้งเตือนไลน์ และหน้าแอดมิน - 3.ทุกเครื่องกับดัก 3 ให้ AI แก้ notes.txt ก่อนหนึ่งครั้ง ปุ่มย้อนจะได้มีจุดให้ย้อน
เพิ่มบรรทัด เปิดทุกวัน 7 โมงเช้าถึง 6 โมงเย็น ไว้ท้ายไฟล์ notes.txt - 4.ทุกเครื่องกับดัก 3 ปุ่มย้อนไม่รู้จักของที่เราแก้เอง git คืนได้
ย้อนไฟล์ menu.txt กลับไปจุดย้อนกลับล่าสุดของ git - 5.ทุกเครื่องกับดัก 4 คำถามนอกเรื่องข้อที่ 1
สูตรชงลาเต้ที่บ้านให้อร่อยเหมือนร้าน - 6.ทุกเครื่องกับดัก 4 คำถามนอกเรื่องข้อที่ 2
เปิดร้านกาแฟต้องจดทะเบียนภาษีอะไรบ้าง - 7.ทุกเครื่องกับดัก 4 คำถามนอกเรื่องข้อที่ 3
แต่งกลอนสั้น ๆ เกี่ยวกับกาแฟตอนเช้า - 8.ทุกเครื่องกับดัก 5 ทำให้กล่องขออนุญาตเด้ง แล้วลองกด Esc ดูว่าเกิดอะไร
เปิด menu.html ในเบราว์เซอร์ให้ดูหน่อย - 9.ทุกเครื่องกับดัก 6 สั่งสั้น ๆ ในโฟลเดอร์ที่ไม่มีกติกา
ทำหน้าเว็บให้ร้าน - 10.ทุกเครื่องกับดัก 6 เขียนกติกา 5 บรรทัดให้โฟลเดอร์ใหม่
เขียน CLAUDE.md ว่า ร้านดอกไม้ป้าแดง ขายช่อดอกไม้และดอกไม้จัดงาน ข้อมูลร้านอยู่ใน shop.txt หน้าเว็บมีไฟล์เดียวชื่อ index.html ข้อความบนเว็บเป็นภาษาไทย โทนสีชมพูอ่อน - 11.ทุกเครื่องกับดัก 7 มันบอกว่าเสร็จ แต่ลิงก์ชี้ไปหน้าที่ไม่มี
เพิ่มลิงก์ไปหน้า promotions.html ในเมนูด้านบนของทุกหน้า - 12.ทุกเครื่องกับดัก 7 บังคับให้มันเปิดเช็คก่อนบอกว่าเสร็จ
ก่อนบอกว่าเสร็จ เปิดเช็คทุกลิงก์ที่เพิ่งแก้ ถ้าหน้าไหนไม่มีอยู่จริง ให้บอก อย่าเดา - 13.ทุกเครื่องกับดัก 7 สร้างหน้าที่ขาดไป
สร้างหน้า promotions.html ใส่หัวข้อ โปรโมชั่น และข้อความ เร็ว ๆ นี้ ดีไซน์เหมือนหน้าอื่น - 14.ทุกเครื่องกับดัก 7 ใส่กติกาเช็คลิงก์ลง CLAUDE.md ถาวร
เพิ่มกติกาใน CLAUDE.md ว่า ก่อนบอกว่าเสร็จ ต้องเช็คว่าลิงก์ทุกอันเปิดได้จริง - 15.ทุกเครื่องกับดัก 8 สร้างจุดย้อนกลับก่อนแตะหน้าเมนู ตามเช็คลิสต์ข้อ 2
บันทึกจุดย้อนกลับใหม่ด้วย git ตั้งชื่อว่า ก่อนแก้หน้าเมนู - 16.ทุกเครื่องกับดัก 8 คำสั่งกว้างที่เริ่มวงจรเถียง
ทำหน้าเมนูให้ดูเป็นมืออาชีพ - 17.ทุกเครื่องกับดัก 8 เถียงรอบที่ 1 ไม่มีข้อมูลใหม่
ไม่ใช่ ไม่ได้ให้ทำแบบนั้น - 18.ทุกเครื่องกับดัก 8 เถียงรอบที่ 2 ยิ่งไม่ตรง
ก็ยังไม่ใช่อยู่ดี - 19.ทุกเครื่องกับดัก 8 ใช้เฉพาะตอนที่ Rewind code to here ไม่คืน menu.html ให้
ย้อนไฟล์ menu.html กลับไปจุดย้อนกลับล่าสุดของ git - 20.ทุกเครื่องกับดัก 8 เริ่มบทสนทนาใหม่แล้วเขียนโจทย์ให้ชัด ใส่สิ่งที่รอบก่อนเข้าใจผิดลงไป
แก้ menu.html ให้ หัวข้อ เมนูร้าน อยู่กลางหน้าตัวใหญ่ เมนูเป็นตาราง 2 คอลัมน์ ชื่อกับราคา พื้นหลังสีครีม ตัวหนังสือสีน้ำตาลเข้ม อย่างอื่นห้ามแตะ - 21.ทุกเครื่องบันทึกจุดย้อนกลับก่อนปิดเครื่อง
บันทึกจุดย้อนกลับใหม่ด้วย git ตั้งชื่อว่า จบ 8 กับดัก
การบ้านของตอนนี้
ใช้ Claude Code ใน VS Code กับงานจริงของคุณ 1 อาทิตย์ จดว่าตกกับดักข้อไหนบ้าง แล้วมาบอกว่าข้อไหนตกบ่อยที่สุด ตอนพิเศษผมจะเอาข้อที่คนตกเยอะสุดมาเล่าตอนเปิด
ตอนหน้าเปิดด้วยเฉลยข้อนี้
อ่านเจาะลึกต่อ
เรื่องพวกนี้มีเขียนไว้ละเอียดแล้วที่อื่นในเว็บ — คู่มือนี้เลยไม่เขียนซ้ำ
- 8 กับดักที่มือใหม่เจอเหมือนกันหมด — และท่าแก้ของแต่ละอันฉบับอ่าน 8 กับดักกับท่าแก้ และเช็คลิสต์ 4 ข้อก่อนสั่งงานใหญ่
- ใช้ในเอดิเตอร์หรือใน terminal ดี — คำตอบคือใช้ทั้งคู่ แต่คนละงานงานไหนอยู่ VS Code งานไหนไป terminal แล้วอะไรที่เหมือนกันทั้งคู่ กับดัก 8 ข้อนี้เจอทั้งสองทาง
- 5 เทคนิคเขียน prompt ให้ AI ทำงานแม่นขึ้น (พร้อม prompt ตัวอย่างใช้ได้จริง)กับดัก 8 แก้ได้ด้วยการเขียนโจทย์ให้ชัด ตัวนี้สอนวิธีเขียน
ของที่ dev แนะนำ
เป็นลิงก์ affiliate — ถ้าคุณช้อปผ่านลิงก์นี้ dev ได้ค่าคอมเล็กน้อย โดยราคาคุณเท่าเดิม 🙏
ARZOPA Z1RC จอพกพา 16 นิ้ว 2.5K
จอที่สองไว้เปิด log กับ terminal ตอนรัน agent — ไม่ต้องสลับหน้าต่างทั้งวัน พกไปนั่งคาเฟ่ได้ด้วย
4,651 บาทดูบน Shopee
Xpanse T9 เก้าอี้เพื่อสุขภาพ Ergonomic
ถ้านั่งเขียนโค้ดกับ AI วันละหลายชั่วโมง เก้าอี้คือของชิ้นที่คุ้มที่สุดที่จะลงทุน — ถูกกว่าค่าหมอตอนหลังพัง
5,557 บาทดูบน Shopee
GoChek Ultra S25 ไมโครโฟนไร้สายตัดเสียงรบกวนด้วย AI ปรับสมดุลเสียงคุณภาพเสียงมาตรฐานสตูดิโอไมค์ใช้ได้กับสมาร์ตโฟนทุกรุ่น
อุปกรณ์เริ่มทำคอนเทนต์/สอนออนไลน์ หารายได้เสริม
3,050 บาทดูบน Shopee
