Setup Playbook สำหรับ Non-Coder | Vibe Coding สำหรับคนไม่ใช่โปรแกรมเมอร์ | Vibe Coding Thailand
$ cat appendix-h-setup-playbook.md
Setup Playbook สำหรับ Non-Coder ใช้ appendix นี้เมื่อไหร่
ใช้เมื่อต้องเริ่มจากเครื่องเปล่า หรือยังไม่มั่นใจว่าเครื่องพร้อมใช้ Claude Code หรือยัง
เป้าหมายคือทำให้คุณมี environment ขั้นต่ำสำหรับสร้าง project เล็ก ๆ:
Terminal → Node.js/npm → Claude Code → Git/GitHub → project folder → first safety check คัดลอก ไม่ใช่สอน command line ทั้งหมด
เราจะใช้เฉพาะคำสั่งที่ต้องใช้จริงตอนเริ่ม vibe coding
ภาพรวมเครื่องมือที่ต้องมี
เครื่องมือ ใช้ทำอะไร Terminal หน้าต่างสำหรับพิมพ์คำสั่ง Node.js runtime ที่ project web สมัยใหม่จำนวนมากใช้ npm ตัวจัดการ package ที่มากับ Node.js Claude Code AI coding agent ที่ทำงานกับ project Git version control / save point GitHub ที่เก็บ repo บน cloud Vercel deploy web/app ออนไลน์
ถ้าอ่านแล้วเยอะ ให้จำแค่นี้:
Terminal = ที่สั่งงาน Git = save point GitHub = backup/share/deploy source Claude Code = agent ที่ช่วย build
Vercel = เอาขึ้นเว็บ
คัดลอก
Step 0 — อย่าเริ่มจาก project สำคัญ ก่อนแตะ project จริง ให้สร้างพื้นที่ทดลอง
project แรกต้องพังได้ ไม่มีข้อมูลลูกค้าจริง ไม่มี secret จริงที่สำคัญ ไม่ใช่ production ของธุรกิจ คัดลอก ช่วยวาง setup plan สำหรับฉันที่เป็น non-coder เป้าหมายคือสร้าง project ทดลองที่พังได้ อย่าให้ฉันแตะ project สำคัญหรือ secret จริงตั้งแต่แรก คัดลอก
Step 1 — เปิด Terminal Terminal คือที่พิมพ์คำสั่ง
ชื่ออาจต่างกันตามเครื่อง:
ระบบ ชื่อที่มักใช้ macOS Terminal หรือ iTerm Windows PowerShell, CMD, Windows Terminal Windows + WSL Ubuntu/WSL terminal Linux Terminal
ถ้าคุณใช้ Windows และจะใช้ Claude Code native installation official docs แนะนำ Git for Windows เพื่อให้ใช้ Bash tool ได้ดีขึ้น แต่ถ้าใช้ WSL ให้ติดตั้งและใช้ Claude Code ใน WSL terminal
ถ้าไม่รู้ว่าตัวเองอยู่ shell ไหน ให้ถาม Claude หรือดู prompt:
PS C:\Users\Name> = PowerShell C:\Users\Name> = CMD user@machine:~$ = macOS/Linux/WSL style shell คัดลอก
Step 2 — เช็ก Node.js และ npm node --version npm --version คัดลอก ถ้าได้ version กลับมา แปลว่ามี Node/npm แล้ว
ถ้า command not found ให้ติดตั้ง Node.js จาก official Node.js download page
Node.js มักมาพร้อม npm Claude Code npm install method ต้องใช้ Node.js 18 หรือใหม่กว่า คัดลอก แต่ถ้าติดตั้ง Claude Code ด้วย native installer อาจไม่ต้องเริ่มจาก npm ก่อน
Step 2.5 — เช็กสิทธิ์ใช้งาน Claude Code ก่อนเสียเวลาติดตั้ง ให้เช็กก่อนว่าบัญชีของคุณมีสิทธิ์ใช้ Claude Code ตาม official docs ล่าสุดหรือไม่
ณ source pack รอบนี้ official docs ระบุว่า Claude Code ต้องใช้ account/access ที่รองรับ เช่น Pro, Max, Team, Enterprise, Console account หรือ provider ที่รองรับ และ free Claude.ai plan ไม่รวม Claude Code access
อย่าจำราคา/plan จากหนังสือเล่มนี้ ให้เช็ก official docs/pricing ล่าสุดก่อนซื้อหรือก่อน publish หนังสือ คัดลอก ช่วยเช็กให้ฉันแบบ non-coder ว่าก่อนใช้ Claude Code ต้องมี account/access แบบไหน อย่าเดาราคา ให้บอกว่าข้อมูลไหนควรเช็กจาก official docs ล่าสุดก่อนตัดสินใจซื้อ คัดลอก
ฉันรัน node --version และ npm --version ได้ผลแบบนี้ ช่วยบอกว่าเครื่องพร้อมสำหรับ web project และ Claude Code ไหม node: [paste result] npm: [paste result] อธิบายแบบ non-coder คัดลอก
Step 3 — ติดตั้ง Claude Code Claude Code มีหลายวิธีติดตั้งตาม official docs
สำหรับ non-coder ให้เลือกวิธีที่เหมาะกับระบบของตัวเอง และเช็ก official docs ล่าสุดก่อน final เพราะ install command เปลี่ยนได้
macOS / Linux native installer curl -fsSL https://claude.ai/install.sh | bash คัดลอก
Windows PowerShell irm https: // claude.ai / install.ps1 | iex คัดลอก
Windows CMD curl -fsSL https://claude.ai/install.cmd -o install.cmd && install.cmd && del install.cmd คัดลอก
macOS Homebrew brew install --cask claude-code คัดลอก
Windows WinGet winget install Anthropic.ClaudeCode คัดลอก
npm install option npm install -g @anthropic-ai/claude-code คัดลอก ข้อควรระวังจาก official docs:
อย่าใช้ sudo npm install -g @anthropic-ai/claude-code คัดลอก เพราะอาจทำให้เกิด permission issue และ security risk
Step 4 — Verify Claude Code ถ้าได้ version กลับมา แปลว่า command ใช้งานได้
หรือถ้าอยู่ใน Claude Code session อาจใช้:
ถ้า claude --version fail ด้วย command not found ให้ไปที่ common setup errors ด้านล่าง
Step 5 — Login Claude Code แล้วทำตาม browser prompt / login flow ที่ขึ้นมา
หลัง login สำเร็จ คุณจะใช้ Claude Code ใน project folder ได้
ถ้า login loop, OAuth error, หรือ 403 ให้เก็บ error แล้วถาม Claude/ดู troubleshooting official docs
ฉัน login Claude Code ไม่ผ่าน ช่วยวิเคราะห์แบบ non-coder Error: [paste error] Environment: - OS: - terminal/shell: - install method: กติกา: - อย่าขอ token หรือ credential - แยกสาเหตุ network, browser login, organization, permission, install issue คัดลอก
Step 6 — ติดตั้ง Git และมี GitHub account GitHub ใช้ backup/share/deploy
ถ้าไม่มี ให้ติดตั้งจาก official Git download หรือ GitHub Desktop ก็ได้สำหรับมือใหม่
สำหรับ Windows ถ้าติดตั้ง Git for Windows อย่าลืมปิดและเปิด terminal ใหม่หลังติดตั้ง
คุณมี GitHub account แล้วหรือยัง คุณสร้าง repository ได้ไหม คุณ login ใน browser ได้ไหม คัดลอก git status = ดูสถานะ git add = เลือกไฟล์ที่จะ save git commit = save point git push = ส่งขึ้น GitHub คัดลอก
Step 7 — สร้าง folder ทดลอง เลือกที่เก็บ project เช่น home folder
mkdir -p ~/vibe-lab cd ~/vibe-lab คัดลอก mkdir $HOME\vibe - lab cd $HOME\vibe - lab คัดลอก mkdir hello-vibe cd hello-vibe คัดลอก ตอนนี้คุณมี folder ทดลองแล้ว
Step 8 — เริ่ม Claude Code ใน folder project ช่วยดู folder นี้และบอกว่าตอนนี้เป็น project ว่างหรือมีอะไรอยู่ อย่าเพิ่งสร้างหรือแก้ไฟล์ อธิบายแบบ non-coder คัดลอก จากนั้นให้ Claude ช่วยสร้าง starter files:
ช่วยสร้าง starter documentation สำหรับ project ทดลองนี้ ต้องมี: - README.md - CLAUDE.md - .gitignore - .env.example กติกา: - อย่าใส่ secret จริง - ทำให้สั้นและอ่านง่าย - project นี้เป็น playground ที่พังได้ คัดลอก
Step 9 — สร้าง first commit หลังมีไฟล์เริ่มต้น ให้เช็กสถานะ:
เพิ่มไฟล์ที่ตั้งใจ commit:
git add README.md CLAUDE.md .gitignore .env.example คัดลอก git commit -m "docs: add project starter files" คัดลอก ถ้า Git ถามชื่อ/email ให้ตั้งค่าตามที่ Git แนะนำ หรือดู Git official docs
ช่วยอธิบายผล git status นี้แบบ non-coder บอกว่าไฟล์ไหนควร commit และไฟล์ไหนไม่ควร commit อย่า stage หรือ commit เอง Output: [paste git status] คัดลอก
Step 10 — สร้าง GitHub repo และ push New repository → ตั้งชื่อ repo → เลือก private ถ้ายังทดลองหรือมีงานจริง → create repository คัดลอก จากนั้น GitHub จะบอก command สำหรับเชื่อม local repo กับ remote
ก่อนรัน command ให้ถาม Claude:
GitHub ให้ command ชุดนี้มา ช่วยอธิบายทีละบรรทัด และบอกว่าปลอดภัยไหม Commands: [paste commands] กติกา: - อย่าให้ฉัน force push - เตือนถ้ามี risk เรื่อง secret หรือ .env คัดลอก สำหรับ project แรก ถ้ายังไม่มั่นใจ จะใช้ GitHub Desktop แทน command line ก็ได้
เป้าหมายคือให้ code อยู่บน GitHub เพื่อ backup และ deploy ต่อได้
Step 11 — First Claude Code task ที่ปลอดภัย อย่าเริ่มจาก “สร้าง SaaS ให้หน่อย”
สร้าง landing page static 1 หน้า ไม่มี database ไม่มี login ไม่มี payment ไม่มี secret คัดลอก นี่คือ project ทดลอง ช่วยสร้าง landing page static 1 หน้า Scope: - hero - benefits 3 ข้อ - CTA placeholder - FAQ 3 ข้อ กติกา: - ไม่มี database - ไม่มี login - ไม่มี payment - ไม่มี API key - ก่อนแก้ไฟล์ให้เสนอ plan - หลังแก้ให้บอกวิธี run/test คัดลอก ถ้า Claude จะเพิ่ม package หรือ framework ให้ถามก่อน:
ทำไมต้องใช้ package/framework นี้ มีทางเลือกที่ง่ายกว่าสำหรับ project ทดลองไหม คัดลอก
Setup checklist Terminal [ ] เปิด terminal ได้ [ ] รู้ว่าใช้ macOS/Windows/WSL/Linux Node/npm [ ] node --version ได้ผล [ ] npm --version ได้ผล Claude Code [ ] claude --version ได้ผล [ ] claude doctor ผ่านหรือรู้ issue ที่ต้องแก้ [ ] login ได้ Git/GitHub [ ] git --version ได้ผล [ ] มี GitHub account [ ] สร้าง repo ได้ [ ] commit แรกได้ [ ] push ขึ้น GitHub ได้ Project safety [ ] มี .gitignore [ ] มี .env.example แต่ไม่มี secret จริง [ ] .env/.env.local ไม่ถูก commit [ ] project แรกเป็น playground ที่พังได้ คัดลอก
Common setup errors
1. command not found: claude แปลว่า terminal หา command claude ไม่เจอ
install ไม่สำเร็จ
PATH ยังไม่อัปเดต
เปิด terminal เดิมหลังติดตั้ง
ติดตั้งคนละ environment เช่น Windows vs WSL
ปิด terminal แล้วเปิดใหม่ รัน claude --version อีกครั้ง รัน claude doctor ถ้า command ใช้ได้ คัดลอก ฉันเจอ command not found: claude ช่วย debug setup นี้ OS: [macOS/Windows/WSL/Linux] Install method: [วิธีที่ใช้] Terminal: [PowerShell/CMD/Terminal/WSL] Error: [paste error] อย่าให้ฉันรันคำสั่งเสี่ยงโดยไม่อธิบาย คัดลอก
2. ใช้ command ติดตั้งผิด shell บน Windows เอา macOS/Linux command ไปรันใน PowerShell เอา PowerShell command ไปรันใน CMD คัดลอก ให้ใช้ command ให้ตรง shell
irm https: // claude.ai / install.ps1 | iex คัดลอก curl -fsSL https://claude.ai/install.cmd -o install.cmd && install.cmd && del install.cmd คัดลอก
3. npm permission error ถ้าใช้ npm install แล้วเจอ permission error อย่ารีบใส่ sudo
official docs เตือนว่าไม่ควรใช้ sudo npm install -g กับ Claude Code
ใช้ native installer
แก้ npm permission ตามคำแนะนำ official
ใช้ Node manager ที่เหมาะสม
4. Node/npm ใน WSL ปนกับ Windows ถ้าใช้ WSL ให้ระวัง path ที่ขึ้นต้นด้วย /mnt/c/
แปลว่าอาจกำลังใช้ Node/npm ฝั่ง Windows ใน WSL
ฉันใช้ WSL และสงสัยว่า Node/npm ปนกับ Windows ช่วยบอก command ที่ควรใช้ตรวจ เช่น which node และ which npm แล้วอธิบายผลลัพธ์แบบ non-coder คัดลอก
5. Git push ไม่ได้
ยังไม่ได้ login GitHub
remote URL ผิด
permission ไม่พอ
branch name ไม่ตรง
ยังไม่ได้ commit
git push ไม่ผ่าน ช่วยวิเคราะห์ error นี้แบบ non-coder Command: [paste command] Error: [paste error] กติกา: - อย่าเสนอ force push ก่อน - อธิบายว่า remote/branch/auth คืออะไรแบบง่าย ๆ คัดลอก
สิ่งที่ไม่ควรทำใน setup รอบแรก อย่าทำสิ่งเหล่านี้ตอนยังไม่มั่นใจ:
ใช้ project production จริง paste secret/API key ลง prompt commit .env ใช้ service_role key deploy dashboard ที่ไม่มี auth install package จำนวนมากโดยไม่รู้ว่าทำอะไร ใช้ force push โดยไม่เข้าใจ ใช้ sudo npm install -g โดยไม่จำเป็น คัดลอก Setup ที่ดีคือ setup ที่ปลอดภัยและย้อนกลับได้
ไม่ใช่ setup ที่ทำเร็วที่สุด
Prompt รวมท้าย appendix ใช้ prompt นี้ให้ Claude ช่วยเป็น setup assistant
ช่วยเป็น setup assistant สำหรับฉันที่เป็น non-coder เป้าหมาย: เตรียมเครื่องและ project ทดลองสำหรับใช้ Claude Code แบบปลอดภัย ช่วยตรวจทีละขั้น: 1. terminal/shell ที่ฉันใช้ 2. node --version 3. npm --version 4. claude --version 5. claude doctor 6. git --version 7. project folder 8. .gitignore / .env.example 9. git init / first commit 10. GitHub repo / push กติกา: - ถามทีละขั้น อย่าโยน command ยาว ๆ พร้อมกัน - อธิบายทุก command แบบ non-coder - อย่าให้ฉัน paste secret/token/password - ถ้าเจอ error ให้เก็บหลักฐานก่อนแก้ - project แรกต้องเป็น playground ที่พังได้ คัดลอก อัปเดตล่าสุด: 25 พ.ค. 2569
$ cat rate-this-book.md
อ่านจบแล้ว ให้คะแนนเล่มนี้หน่อย รีวิวของคุณช่วยให้คนอื่นตัดสินใจได้ง่ายขึ้น
ดูรีวิวเพิ่มเติม
$ loading ~/reviews
ความคิดเห็น
ยังไม่มีความคิดเห็น
เป็นคนแรกได้เลย