💻 ติดตั้ง VS Code / Cursor — Step by Step

VS Code และ Cursor เป็น editor ฟรีจาก Microsoft / Anysphere · ใช้สลับกันได้ "คนละชื่อ interface เหมือนกัน 95%" · หน้านี้สอนให้ใช้ตัวใดก็ได้

🤔 เลือกตัวไหนดี?

📥 ขั้นที่ 1 — ดาวน์โหลด + ติดตั้ง

VS Code

1. ไปที่ code.visualstudio.com — เว็บตรวจระบบให้อัตโนมัติ · ปุ่มดาวน์โหลดสีฟ้าใหญ่ตรงกลาง
2. เปิดไฟล์ติดตั้ง — Windows: .exe · Mac: .dmg ลากเข้า Applications · กดยอมรับ license
3. (Windows) เลือก option ตอนติดตั้ง — ติ๊กทุกข้อใต้ "Additional tasks":
   • ☑ Add "Open with Code" action to Windows Explorer file context menu
   • ☑ Add "Open with Code" action to Windows Explorer directory context menu
   • ☑ Register Code as an editor for supported file types
   • ☑ Add to PATH

Cursor

1. ไปที่ cursor.com — กดปุ่ม "Download for Windows/Mac" · ตรวจระบบให้อัตโนมัติ
2. เปิดไฟล์ติดตั้ง — installer คล้าย VS Code · กด Next ตามค่า default
3. เปิด Cursor — login ครั้งแรก — login ด้วย Google account ของมหาลัย (หรือ Gmail ส่วนตัว) · ใช้ free tier ก็พอสำหรับคอร์สนี้
4. ตอน setup wizard — เลือกค่าต่อไปนี้:
   • Editor settings: Default (เปลี่ยนทีหลังได้)
   • Codebase indexing: Enabled
   • Privacy mode: เปิดถ้ากังวลเรื่องข้อมูล · ปิดถ้าอยากให้ AI เรียนจาก code คุณ

🐍 ขั้นที่ 2 — ติดตั้ง Python extension

VS Code / Cursor ไม่ได้รู้จัก Python มาตั้งแต่แรก · extension ของ Microsoft จะให้: "Run button, IntelliSense, debugger, format on save"

1. เปิด Extensions panel — กด Ctrl + Shift + X (Win/Linux) หรือ Cmd + Shift + X (Mac) · หรือกด icon "tetris" ใน sidebar ซ้าย
2. ค้นหา "Python" — ตัวบนสุดต้องเป็นของ Microsoft มีโลโก้สีฟ้า · ระวังของปลอม
3. กด Install — VS Code จะลง 3 ตัวรวด: Python, Pylance, Python Debugger · ไม่ต้องลงแยก
4. Reload window (ถ้าโดนถาม) — Ctrl+Shift+P → "Developer: Reload Window" → Enter

Extension อื่นที่แนะนำ (ลงเมื่ออยาก)

📁 ขั้นที่ 3 — สร้าง folder โปรเจกต์แรก

1. สร้าง folder ใน File Explorer / Finder — ที่ Documents/cp/ สร้าง folder ชื่อ cp-w04 (หรืออะไรก็ได้ที่จำได้) · ห้ามใช้ภาษาไทย / เว้นวรรค ในชื่อ folder path กว้าง ๆ พังบ่อย
2. เปิด folder ใน VS Code — เมนู File → Open Folder · เลือก cp-w04 · กด Open
3. (ครั้งแรก) "Do you trust the authors?" — กด Yes, I trust the authors · เป็น code ของเราเอง
4. สร้างไฟล์ Python แรก — กด icon "ไฟล์ใหม่" ใน Explorer panel (Ctrl+N) · ตั้งชื่อ hello.py · ลงท้าย .py สำคัญมาก — VS Code จะรู้ว่าเป็น Python
5. เขียนโค้ดบรรทัดแรก

   print("สวัสดี โลก!")
   print("Hello, World!")
   print(2 + 3)

   Save ด้วย Ctrl + S (Mac: Cmd + S)

▶️ ขั้นที่ 4 — รันโปรแกรม (3 วิธี)

วิธีที่ 1 — ปุ่ม Run (ง่ายสุด)

• มุมขวาบนของ editor มี ▷ สีเขียว
• กด → panel "Terminal" จะเปิดข้างล่าง → เห็น output

วิธีที่ 2 — F5 + Debugger

• กด F5 · ครั้งแรกถามว่าจะใช้ "Python File" → Enter
• รันแบบ debug · ใส่ breakpoint ได้ (คลิกซ้ายของเลขบรรทัด)

วิธีที่ 3 — Terminal เอง (ที่ใช้บ่อยที่สุดในงานจริง)

1. เปิด terminal: Ctrl + ` (backtick — ปุ่มข้าง 1)
2. พิมพ์: python hello.py (Mac: python3 hello.py)
3. กด Enter → เห็น output

⌨️ Shortcuts ที่ใช้ทุกวัน

Windows: Ctrl · Mac: Cmd

🤖 Cursor-specific (เพิ่มจาก VS Code)

🔧 ปัญหาที่พบบ่อย

1. รัน Python แล้วเห็น output แต่ print() ที่มีภาษาไทยกลายเป็น ???

• เซฟไฟล์เป็น UTF-8 (VS Code ทำให้อัตโนมัติ · ตรวจที่ status bar ขวาล่าง — เขียน "UTF-8")
• ถ้าเป็นไฟล์ที่ copy มาจาก Notepad — ลอง Save As → Encoding: UTF-8
• Windows PowerShell แสดงไทย: ใน terminal พิมพ์ chcp 65001 แล้วรันใหม่

2. กด Run แล้วเห็น IndentationError

• Python ใช้ การย่อหน้า (indentation) แทนวงเล็บ · ภายใน if / for / def ต้องเยื้องเข้าไป 4 ช่อง
• VS Code → File → Preferences → Settings → ค้น "Editor: Tab Size" → ตั้งเป็น 4
• ค้น "Editor: Insert Spaces" → ติ๊ก ✅ (ห้ามใช้ Tab character ผสม spaces)

3. ModuleNotFoundError: No module named 'pandas'

• ยังไม่ลง package · เปิด terminal ใน VS Code (Ctrl + `) แล้ว: pip install pandas
• Mac: pip3 install pandas
• ถ้าลงแล้วยังพัง — เลือก interpreter ผิดเวอร์ชัน → Ctrl+Shift+P → "Python: Select Interpreter"

4. VS Code ช้า / กิน RAM เยอะ

• ปิด extension ที่ไม่ใช้: Extensions panel → ⚙️ → Disable
• ใน folder ใหญ่ — เพิ่ม node_modules + .venv ใน "Files: Exclude" setting
• Cursor มี indexing เปิดอยู่ — ปิดได้ที่ Settings → Cursor → Codebase Indexing

5. Cursor — "Free tier reached limit"

• ฟรี tier มีจำกัด ~500 fast requests/เดือน · พอสำหรับ W04 แต่ใช้หมดได้เร็ว
• ทางเลือก: ใช้ Claude/ChatGPT (เว็บ) คู่กัน · copy code ↔ chat
• หรือสลับมาใช้ VS Code + Continue.dev / Cline (extension ที่ฟรี + ใช้ key ของเราเอง)

🎯 Checklist ก่อนไปต่อ

• ☐ เปิด VS Code / Cursor ได้
• ☐ ลง Python extension (Microsoft) สำเร็จ
• ☐ สร้าง hello.py ในโฟลเดอร์ของตัวเอง
• ☐ กด Run แล้วเห็น สวัสดี โลก! ใน terminal
• ☐ เปิด terminal ใน editor ด้วย Ctrl + ` ได้