สร้างโปรเจกต์ใช้งานจริงด้วย Claude Code

เรียนรู้วิธีใช้ Claude Code สร้างโปรเจกต์ใช้งานจริงทีละขั้นตอนด้วย AI

แผนการทำงานและแหล่งข้อมูล

ตั้งค่า Claude Code

รับสิทธิ์ใช้งาน Claude Code

ต้องสมัครสมาชิก Claude Pro

รับสิทธิ์ใช้งาน Claude Pro

เริ่มสมัครสมาชิก Claude ของคุณ

https://claude.ai/

ดาวน์โหลด Visual Studio Code

ดาวน์โหลด VS Code (ฟรี)

โปรแกรมแก้ไขโค้ดอย่างเป็นทางการของ Claude Code

https://code.visualstudio.com/

ติดตั้งส่วนขยาย Claude Code

สร้างโฟลเดอร์โปรเจกต์ใหม่

เชื่อมบัญชี Claude ของคุณ

เลือกการตั้งค่าที่เหมาะสม

เลือกโมเดลให้เหมาะสม

เริ่มด้วยค่าเริ่มต้น แล้วเปลี่ยนไปใช้ Opus เมื่อต้องการผลลัพธ์ที่ดีกว่า

ใช้ Ask Before Edits

ช่วยให้คุณควบคุมได้ก่อนที่การเปลี่ยนแปลงจะถูกนำไปใช้

ลองใช้ Edit Automatically

พอเริ่มชินแล้วจะทำงานได้เร็วขึ้นมาก

ใช้ Plan Mode เมื่อจำเป็น

มีประโยชน์สำหรับวางแผนก่อนลงมือทำ

รักษาสมดุลของความละเอียด

ระดับกลางเหมาะกับงานส่วนใหญ่ที่สุด

สร้างโปรเจกต์

เริ่มจากไอเดียของคุณ

ไม่ต้องคิดซับซ้อน แค่อธิบายสิ่งที่ต้องการก็พอ

สร้างพรอมต์

ให้ Claude ช่วยเขียนพรอมต์ที่มีโครงสร้างให้คุณ

build และรันโปรเจกต์

วางพรอมต์แล้วรันเวอร์ชันแรก

แก้ข้อผิดพลาด

แก้ปัญหาอย่างเช่น API key ที่ขาดหายไป

ปรับปรุงดีไซน์

ปรับปรุง UI ด้วยพรอมต์

ปรับปรุงดีไซน์และ UI

ทำให้เว็บนี้ดูพรีเมียมและทันสมัยมาก ๆ…

Make this website look very premium and modern. Improve UI, spacing, typography, and colors with beautiful gradients. Add dark mode, smooth animations, and upgrade all components. Also add sign up and sign in pages. Keep everything working.

เปิดใช้งานจริง

ดีพลอยโปรเจกต์ของคุณ (เปิดใช้งานออนไลน์)

คู่มือทีละขั้นตอนในการดีพลอยโปรเจกต์ของคุณและเปิดใช้งานบนโดเมนของคุณ

ดูคู่มือการดีพลอยฉบับสมบูรณ์

คู่มือการดีพลอยฉบับสมบูรณ์

Step-by-step

https://youtu.be/s_2taeO8KRI?si=3aAO45uIe8S8BLJ9