กลับไปดูแล้วทำตาม
ตอนที่ 2/7Claude Code จากศูนย์ ฉบับ VS Code50 นาที
ให้มันแก้โค้ดจริงครั้งแรก และกดถอยเมื่อมันพัง
ฉบับ VS Code ให้ AI แก้ไฟล์และเขียนหน้าเว็บให้เป็นครั้งแรก เห็นหน้าต่างเทียบก่อนกด Accept ทุกครั้ง พร้อมวิธีถอยกลับสองแบบ ปุ่มย้อนในแชท กับจุดย้อนกลับของ git ที่กดเอาจากแถบ Source Control ไม่ต้องพิมพ์คำสั่งสักตัว พังให้ดู 4 จุดที่มือใหม่เจอเองแน่ ๆ แล้วแก้ทีละขั้น
กำลังอัดตอนนี้อยู่
บทและคำสั่งพร้อมแล้วด้านล่าง อ่านทำตามไปก่อนได้เลย พออัปคลิปเสร็จจะขึ้นที่นี่
ภารกิจของตอนนี้
จบตอนนี้ คุณจะกล้าให้ AI แก้ไฟล์และเขียนหน้าเว็บให้ เพราะเห็นก่อนว่ามันจะแก้อะไร แล้วรู้วิธีถอยกลับเมื่อมันพัง ทั้งแบบปุ่มเดียวในแชทและแบบที่ใช้ได้เสมอ
- ด่าน 1ให้มันแก้ไฟล์ครั้งแรก อ่านหน้าต่างเทียบก่อนกด Accept
- ด่าน 2ถอยด้วยปุ่มย้อนในแชท
- ด่าน 3สร้างจุดย้อนกลับด้วย git จากแถบ Source Control
- ด่าน 4แบ่งงานใหญ่ให้เล็ก
- ด่าน 5รู้ว่าเมื่อไรต้องกดหยุด
คำสั่งที่ใช้ในตอนนี้
หยุดคลิปแล้วก๊อปไปวางได้เลย เรียงตามลำดับที่ใช้ในคลิป
- 1.ทุกเครื่องใช้เฉพาะถ้าหน้าต่าง Claude Code ไม่อยู่ทางขวา กด Command Shift P (Windows: Ctrl Shift P) แล้วพิมพ์ประโยคนี้ กด Enter
Claude Code: Open in Side Bar - 2.ทุกเครื่องสั่งแก้ครั้งแรก บอกไฟล์ ตำแหน่ง ค่าเดิม ค่าใหม่ แล้วปิดท้ายว่าอย่างอื่นห้ามแตะ พิมพ์ในช่องพิมพ์ด้านล่างของหน้าต่าง Claude Code
แก้ราคาลาเต้ในไฟล์ menu.txt จาก 60 เป็น 65 บาท อย่างอื่นห้ามแตะ - 3.ทุกเครื่องทริค คลุมบรรทัดในพื้นที่แก้ไฟล์ตรงกลางก่อน แล้วสั่ง ไม่ต้องบอกว่าไฟล์ไหนบรรทัดไหน มันเห็นที่เราคลุมเอง
บรรทัดที่คลุมไว้ ถ้าลูกค้าซื้อ 3 แก้ว ต้องจ่ายเท่าไร ตอบอย่างเดียว ไม่ต้องแก้ไฟล์ - 4.ทุกเครื่องให้มันเขียนหน้าเว็บจากไฟล์ข้อความของเรา เสร็จแล้วคลิกขวาที่ไฟล์ในรายการไฟล์ทางซ้าย เลือก Reveal in Finder แล้วดับเบิลคลิกเปิดในเบราว์เซอร์
อ่านไฟล์ menu.txt แล้วสร้างหน้าเว็บชื่อ menu.html โชว์ชื่อเมนูกับราคาให้อ่านง่าย ไม่ต้องแก้ไฟล์อื่น - 5.ทุกเครื่องคำสั่งตอนลองพังดู สั่งกว้าง ๆ แล้วมันเดาเอง
ปรับไฟล์ menu.txt ให้ดูดีขึ้นหน่อย - 6.ทุกเครื่องชื่อจุดย้อนกลับจุดแรก พิมพ์ในช่องข้อความด้านบนของแถบ Source Control ไม่ใช่ในหน้าต่าง Claude Code แล้วกดปุ่ม Commit
ของเดิมก่อนให้ AI แตะ - 7.ทุกเครื่องใช้ตอน git ไม่ยอมบันทึก ขึ้นกล่องแดงว่า configure your user.name and user.email ทำครั้งเดียวต่อเครื่อง ใส่ชื่ออะไรก็ได้ ห้ามอีเมลจริง
ตั้งชื่อกับอีเมลให้ git เป็น EASY AI easyai@example.com - 8.ทุกเครื่องดูรายการจุดย้อนกลับโดยไม่ต้องจำคำสั่ง git ใช้เมื่อไม่เห็นส่วน Graph ในแถบ Source Control
ตอนนี้มีจุดย้อนกลับใน git กี่จุด ชื่ออะไรบ้าง - 9.ทุกเครื่องคำสั่งตอนลองพังดู ปุ่มย้อนคืนไฟล์ที่ถูกลบไม่ได้
ลบไฟล์ notes.txt ทิ้ง ไม่ใช้แล้ว - 10.ทุกเครื่องให้มันคืนไฟล์จาก git ให้ ไม่ต้องจำคำสั่ง git เพิ่ม
เอาไฟล์ notes.txt กลับมาจากจุดย้อนกลับล่าสุดของ git - 11.ทุกเครื่องคำสั่งตอนลองพังดู งานใหญ่รวดเดียวแล้วตรวจไม่ทัน
ทำเว็บร้านกาแฟให้ครบเลย หน้าแรก หน้าเมนู หน้าเกี่ยวกับร้าน หน้าติดต่อ แล้วปรับเมนูให้สวย ๆ - 12.ทุกเครื่องใช้เฉพาะถ้าถอยแล้วไอคอนกิ่งไม้ทางซ้ายยังมีตัวเลขค้าง
ลบไฟล์ที่ยังไม่ได้บันทึกใน git ทั้งหมด - 13.ทุกเครื่องประโยคที่ควรติดตัวไว้ ให้มันวางแผนก่อนแตะไฟล์
เสนอแผนก่อน อย่าเพิ่งแก้ไฟล์ บอกมาว่าจะแตะไฟล์ไหนบ้างและเพราะอะไร - 14.ทุกเครื่องทำทีละข้อ ตรวจทีละไฟล์
ทำข้อ 1 อย่างเดียว ยังไม่ต้องทำข้ออื่น - 15.ทุกเครื่องผ่านการตรวจแล้วบันทึกจุดย้อนกลับทันที สั่งเป็นไทยได้ มันขออนุญาตแล้วรัน git ให้เอง
บันทึกจุดย้อนกลับใหม่ด้วย git ตั้งชื่อว่า เพิ่มหน้าแรกของร้าน - 16.ทุกเครื่องใช้ซ้อมกด Esc ครั้งเดียวเพื่อหยุดกลางคัน
อธิบายไฟล์ menu.html ให้ฟังทีละบรรทัดอย่างละเอียด - 17.ทุกเครื่องสั่งใหม่ให้แคบลงหลังกดหยุด
สรุปสั้น ๆ สามบรรทัดพอ
การบ้านของตอนนี้
เอาไฟล์ข้อความจริงของคุณ 1 ไฟล์ ก๊อปใส่โฟลเดอร์ใหม่ เปิดด้วย VS Code สร้างจุดย้อนกลับจากแถบ Source Control แล้วสั่งให้มันแก้จุดเดียวแบบเจาะจง อ่านฝั่งขวาของหน้าต่างเทียบก่อนกด Accept ทำแล้วมาเล่าว่ามันแตะเกินที่สั่งไหม
ตอนหน้าเปิดด้วยเฉลยข้อนี้
อ่านเจาะลึกต่อ
เรื่องพวกนี้มีเขียนไว้ละเอียดแล้วที่อื่นในเว็บ — คู่มือนี้เลยไม่เขียนซ้ำ
- ไฮไลต์โค้ดแล้วสั่งเลย — และอ่านหน้าต่างเทียบก่อนกดรับฉบับอ่านของด่าน 1 อ่านหน้าต่างเทียบยังไงให้จับผิดได้ 4 ข้อ กับทริคคลุมโค้ดแล้วสั่งเลย
- สั่งให้มันแก้โค้ดจริงครั้งแรก — และวิธีกดถอยเมื่อมันทำพังทำไมต้องสร้างจุดย้อนกลับก่อนสั่งงานใหญ่ กับสัญญาณ 4 อย่างว่าถึงเวลากด Esc ใช้เหมือนกันทั้งสองฉบับ
- 5 เทคนิคเขียน prompt ให้ AI ทำงานแม่นขึ้น (พร้อม prompt ตัวอย่างใช้ได้จริง)สั่งงานยังไงให้ได้ของที่อยากได้ตั้งแต่รอบแรก ต่อจากกฎ ไฟล์ไหน ตรงไหน เป็นอะไร ของตอนนี้
ของที่ dev แนะนำ
เป็นลิงก์ affiliate — ถ้าคุณช้อปผ่านลิงก์นี้ dev ได้ค่าคอมเล็กน้อย โดยราคาคุณเท่าเดิม 🙏
ARZOPA Z1RC จอพกพา 16 นิ้ว 2.5K
จอที่สองไว้เปิด log กับ terminal ตอนรัน agent — ไม่ต้องสลับหน้าต่างทั้งวัน พกไปนั่งคาเฟ่ได้ด้วย
4,651 บาทดูบน Shopee
Xpanse T9 เก้าอี้เพื่อสุขภาพ Ergonomic
ถ้านั่งเขียนโค้ดกับ AI วันละหลายชั่วโมง เก้าอี้คือของชิ้นที่คุ้มที่สุดที่จะลงทุน — ถูกกว่าค่าหมอตอนหลังพัง
5,557 บาทดูบน Shopee
Elife เก้าอี้ทำงาน เอนได้ office chair เพื่อสุขภาพ สำหรับนั่งทำงาน ออฟฟิศ เล่นเกม Ergonomic chair
จัดโต๊ะให้ทำงานกับ AI ได้นานขึ้น ไม่ปวดคอปวดหลัง
1,219 บาทดูบน Shopee
