AI UNLOCKED
~/vibe-code-setup--prepare

คู่มือเตรียมเครื่อง
ก่อนเริ่มเรียน Vibe Code

ติดตั้งเครื่องมือทั้งหมดให้พร้อมก่อนวันเรียนจริง
ใช้เวลาแค่ 15–30 นาที ทำตามขั้นตอนได้เลย ไม่ต้องสมัครสมาชิก

macOS Windows 10/11
> tools.overview()

4 เครื่องมือที่ต้องติดตั้ง

ติดตั้งตามลำดับด้านล่าง (Node.js ก่อน เพราะตัวอื่นพึ่งพา)

01Node.js

รันโปรเจกต์ JavaScript/TypeScript และใช้ npm/npx เป็นพื้นฐานของ Vibe Coding

02GitHub CLI

จัดการโค้ดบน GitHub จาก terminal เช่น clone, commit, push, สร้าง PR

03Claude Code

AI Coding Agent จาก Anthropic ผู้ช่วยเขียนโค้ดตัวหลักของคอร์ส Vibe Code

04Codex

AI Coding Agent จาก OpenAI ตัวเสริมที่ใช้สลับกับ Claude Code

01

ติดตั้ง Node.js

Node.js คือ runtime สำหรับรัน JavaScript/TypeScript เป็นพื้นฐานที่ทุกเครื่องมือถัดไปต้องใช้ (รวมถึง Claude Code และ Codex ที่ติดตั้งผ่าน npm) แนะนำให้ติดตั้งเวอร์ชัน LTS (20.x ขึ้นไป)

macOS

แนะนำ

ใช้ Homebrew (ถ้ายังไม่มี Homebrew ติดตั้งจาก brew.sh ก่อน)

terminal
# ติดตั้ง Node.js LTS
$ brew install node
 
# ตรวจสอบว่าติดตั้งสำเร็จ
$ node -v
$ npm -v

Windows

ดาวน์โหลด installer ตรงจากเว็บ Node.js หรือใช้ winget ก็ได้

powershell
# วิธีที่ 1: ใช้ winget (Windows 11)
$ winget install OpenJS.NodeJS.LTS
 
# วิธีที่ 2: ดาวน์โหลด installer
# https://nodejs.org/  → Download LTS
 
# ตรวจสอบ
$ node -v
$ npm -v

ผ่านขั้นนี้เมื่อ

พิมพ์ node -v แล้วได้ผลลัพธ์เป็นเวอร์ชัน เช่น v20.x.x หรือสูงกว่า

02

ติดตั้ง GitHub CLI

gh คือ command-line tool ทางการของ GitHub ใช้สำหรับ clone repo, ทำ commit, push, สร้าง PR และ login เข้า GitHub โดยไม่ต้องจัดการ token เอง
ในคอร์สเราจะใช้ gh ในการ login GitHub ครั้งเดียว แล้วใช้ทำงานกับ repo ได้ทั้งหมด

macOS

terminal
# ติดตั้งผ่าน Homebrew
$ brew install gh
 
# ตรวจสอบ
$ gh --version

Windows

powershell
# ใช้ winget
$ winget install --id GitHub.cli
 
# หรือดาวน์โหลด installer
# https://cli.github.com/
 
# ตรวจสอบ
$ gh --version

Login GitHub (ทำครั้งเดียว)

หลังติดตั้งเสร็จ ให้ login ด้วยคำสั่งนี้ — ระบบจะเปิด browser ให้กด authorize ผ่าน GitHub

$ gh auth login
 
# ตอบคำถามตามนี้:
# ? What account do you want to log into? GitHub.com
# ? Preferred protocol? HTTPS
# ? Authenticate Git with your GitHub credentials? Yes
# ? How would you like to authenticate? Login with a web browser

ผ่านขั้นนี้เมื่อ

พิมพ์ gh auth status แล้วเห็นข้อความ ✓ Logged in to github.com as ...

03

ติดตั้ง Claude Code

AI ตัวหลัก

Claude Code คือ AI Coding Agent ทางการของ Anthropic ทำงานใน terminal ของคุณ อ่านไฟล์ได้ แก้ไขโค้ดได้ รัน command ได้ — เป็นเครื่องมือหลัก ในคอร์ส Vibe Code ต้องใช้ Node.js 18+ ก่อน

macOS

terminal
# ติดตั้งแบบ global ผ่าน npm
$ npm install -g @anthropic-ai/claude-code
 
# ถ้าเจอ EACCES permission error
$ sudo npm install -g @anthropic-ai/claude-code
 
# ตรวจสอบ
$ claude --version

วิธีเลี่ยง sudo: ใช้ nvm จัดการ Node — brew install nvm

Windows

powershell
# เปิด PowerShell แบบ Run as Administrator
# (คลิกขวาที่ icon → Run as Administrator)
 
$ npm install -g @anthropic-ai/claude-code
 
# ตรวจสอบ
$ claude --version

ถ้าเจอ Execution Policy error ให้รัน Set-ExecutionPolicy RemoteSigned -Scope CurrentUser

รัน Claude Code ครั้งแรก

ไปที่โฟลเดอร์โปรเจกต์ใดก็ได้ (หรือสร้างโฟลเดอร์เปล่าก่อน) แล้วพิมพ์ claude — ครั้งแรกระบบจะให้ login เข้าบัญชี Anthropic ผ่าน browser

$ cd ~/my-project
$ claude
 
# ครั้งแรกจะเปิด browser ให้ login Anthropic
# หลัง login เสร็จกลับมาที่ terminal จะเห็นหน้า chat ของ Claude

ก่อน login ต้องมี

บัญชี Anthropic ที่สมัครได้ฟรีที่ claude.ai — แนะนำให้สมัครแพ็คเกจ Pro หรือ Max เพื่อใช้งานในคอร์สได้เต็มที่

ผ่านขั้นนี้เมื่อ

พิมพ์ claude แล้วเข้าหน้า chat ของ Claude Code ได้ พร้อมพิมพ์คำสั่งคุยกับ AI ได้ทันที

04

ติดตั้ง Codex

AI ตัวเสริม

Codex CLI คือ AI Coding Agent จาก OpenAI ทำงานในแบบเดียวกับ Claude Code — ในคอร์สเราจะใช้สลับกับ Claude เพื่อเปรียบเทียบ ความถนัดของแต่ละโมเดล และใช้แก้ปัญหาที่ Claude ติด

macOS

terminal
# ติดตั้งแบบ global ผ่าน npm
$ npm install -g @openai/codex
 
# ถ้าเจอ EACCES permission error
$ sudo npm install -g @openai/codex
 
# ตรวจสอบ
$ codex --version

Windows

powershell
# เปิด PowerShell แบบ Run as Administrator
 
$ npm install -g @openai/codex
 
# ตรวจสอบ
$ codex --version

แนะนำใช้ Windows Terminal หรือ PowerShell 7+ เพราะรองรับ ANSI color ครบกว่า cmd.exe

รัน Codex ครั้งแรก

ไปที่โฟลเดอร์โปรเจกต์ แล้วพิมพ์ codex — ครั้งแรกจะให้ login เข้าบัญชี OpenAI ผ่าน browser

$ cd ~/my-project
$ codex
 
# ครั้งแรกจะให้เลือกวิธี sign-in
# แนะนำเลือก "Sign in with ChatGPT" ถ้ามี Plus/Pro plan อยู่แล้ว

ก่อน login ต้องมี

บัญชี OpenAI/ChatGPT ที่สมัครได้ที่ chatgpt.com — แนะนำแพ็คเกจ Plus หรือ Pro เพื่อใช้งานในคอร์สได้สม่ำเสมอ

ผ่านขั้นนี้เมื่อ

พิมพ์ codex แล้วเข้าหน้า chat ของ Codex ได้ พร้อมพิมพ์คำสั่งคุยกับ AI ได้ทันที

> verify.all()

เช็คให้แน่ใจว่าพร้อมเรียน

รัน 4 คำสั่งนี้ทีเดียว — ถ้าได้เวอร์ชันครบทั้งหมดแปลว่าเครื่องพร้อมแล้ว

terminal — checklist
$ node -v
$ gh --version
$ claude --version
$ codex --version
node -v ได้ v20.x หรือสูงกว่า
gh --version ได้เวอร์ชัน gh
claude --version ได้เวอร์ชัน Claude Code
codex --version ได้เวอร์ชัน Codex

ปัญหาที่พบบ่อย & วิธีแก้

[Mac/Win] "command not found: npm" หลังติดตั้ง Node.js+
ปิด terminal แล้วเปิดใหม่ ถ้ายังไม่หาย — macOS: รัน source ~/.zshrc — Windows: ปิด PowerShell แล้วเปิดใหม่ ระบบต้องโหลด PATH ใหม่หลังติดตั้ง
[Mac] "EACCES: permission denied" ตอน npm install -g+
วิธีที่ดีที่สุดคือใช้ nvm จัดการ Node — brew install nvm แล้ว nvm install --lts จากนั้น npm install -g จะไม่มีปัญหาอีก (หรือใช้ sudo ชั่วคราวก็ได้แต่ไม่แนะนำ)
[Win] PowerShell ขึ้น "cannot be loaded because running scripts is disabled"+
รันคำสั่งนี้ใน PowerShell แบบ Administrator ครั้งเดียว: Set-ExecutionPolicy RemoteSigned -Scope CurrentUser — แล้วตอบ Y เพื่อ allow
[Win] รันคำสั่งใน CMD ไม่ได้ แต่ใน PowerShell ได้+
ในคอร์สแนะนำให้ใช้ PowerShell หรือ Windows Terminal (ดาวน์โหลดฟรีจาก Microsoft Store) เป็นหลัก — รองรับคำสั่ง modern กว่า cmd.exe เยอะ
[Mac/Win] gh auth login ไม่เปิด browser+
ใช้ flag --web จะ force ให้เปิด browser หรือเลือก "Paste an authentication token" แล้วสร้าง Personal Access Token จาก github.com/settings/tokens แทน
[Mac/Win] Claude Code / Codex ขึ้น "not found" หลังติดตั้งสำเร็จ+
แสดงว่า npm global bin ไม่อยู่ใน PATH — รัน "npm config get prefix" จะได้ path เช่น /usr/local หรือ C:\Users\xxx\AppData\Roaming\npm จากนั้นเพิ่ม path/bin (Mac) หรือ path เอง (Windows) เข้า PATH หรือใช้ nvm/nvm-windows ติดตั้งใหม่ (จะ auto-config ให้)
[Mac/Win] Claude Code ให้ login แต่ browser ไม่เปิดอัตโนมัติ+
Copy URL ที่ Claude แสดงใน terminal ไปเปิดใน browser เอง — login แล้วระบบจะ redirect กลับมาที่ terminal เอง ไม่ต้องทำอะไรเพิ่ม
[Mac/Win] Codex ขึ้น "rate limit" หรือ "quota exceeded"+
เช็คว่า ChatGPT plan ที่ใช้รองรับ Codex CLI หรือไม่ (Plus/Pro รองรับ ส่วน Free อาจไม่รองรับเต็มที่) — หรือสลับไปใช้ Claude Code แทนชั่วคราว
ready.toLearn()

เครื่องพร้อมแล้ว — เริ่มเรียน Vibe Code ได้เลย

ดูคอร์ส Vibe Coding ที่มีทั้งหมด หรือเข้าร่วม Diamond เพื่อเข้าถึงคอร์สทั้งหมดและคอมมูนิตี้

มีปัญหาตอนติดตั้ง? ติดต่อทีมงาน เราช่วยทุกขั้นตอน