Skip to main content

Command Palette

Search for a command to run...

Cursor IDE คืออะไร? คู่มือการใช้งานสำหรับผู้เริ่มต้น

Published
•3 min read•View as Markdown
S
🎮 จากเด็ก CS สู่ผู้สร้าง AI 🛠️ 30 ปี Tech | 19 ปี สอน 🚀 Phuphadang GTS ALPHA MCP

Cursor IDE เป็นเครื่องมือพัฒนาโปรแกรมที่ผสานความสามารถของ Visual Studio Code (VS Code) เข้ากับ AI อย่าง ChatGPT เพื่อช่วยให้นักพัฒนาสามารถเขียนโค้ดได้รวดเร็วและมีประสิทธิภาพมากขึ้น โดยมีข้อดีหลายประการ:

  1. AI Assistant ที่เข้าใจโปรเจกต์ของคุณ: Cursor สามารถสแกนและทำความเข้าใจโครงสร้างของโค้ดในโปรเจกต์ทั้งหมด ทำให้สามารถให้คำแนะนำที่เกี่ยวข้องได้ดีกว่าเครื่องมืออื่นๆ เช่น Copilot

  2. Refactor Code ด้วย AI: ผู้ใช้สามารถเลือกโค้ดที่ต้องการและสั่งให้ AI ทำการ Refactor, เพิ่มคอมเมนต์ หรือแปลงโค้ดเป็นภาษาอื่นได้

  3. AI-powered Autocomplete: มีฟีเจอร์ Auto Complete ที่คล้ายกับ GitHub Copilot แต่ Cursor จะอิงกับโค้ดในโปรเจกต์ของคุณมากกว่า ทำให้เข้าใจบริบทได้ดียิ่งขึ้น

  4. Chat กับ AI ได้: ผู้ใช้สามารถพูดคุยกับ AI เพื่อขอความช่วยเหลือในการอธิบายโค้ด แก้ไขบั๊ก หรือเขียนฟังก์ชันใหม่ได้โดยตรงจากใน IDE

  5. ทำงานแบบ Offline ได้: สามารถใช้บางความสามารถของ AI แบบออฟไลน์ได้ หากมีการติดตั้ง LLM ไว้ในเครื่อง

Cursor IDE เหมาะสำหรับนักพัฒนาที่ต้องการเพิ่มประสิทธิภาพในการทำงาน, ผู้เรียนเขียนโปรแกรมที่ต้องการตัวช่วยในการสร้างโค้ดอัตโนมัติ, และทีมงานพัฒนาที่ต้องการ Refactor หรือแก้ไขบั๊กจำนวนมากในโปรเจกต์ของตน.

เปรียบเทียบกับ GitHub Copilot

FeatureGitHub CopilotCursor IDE
Code Completion✅✅
AI Chat ที่รู้โค้ดทั้งโปรเจกต์❌✅
Refactor อัตโนมัติ❌✅
IDE เต็มรูปแบบ❌ (เป็น extension)✅ (แยก IDE)

วิธีติดตั้ง Cursor

ขั้นตอนการติดต้ัง Cursor มีดังต่อไปนี้

  1. Download ตัวติดตั้ง Cursor ตามแต่ละระบบปฎิบัติการ ซึ่งรองรับทั้ง Windows, macOS และ Linux

วิธีการติดตั้ง Cursor บน Windows

  1. ดาวน์โหลดไฟล์ .exe

  2. ดับเบิลคลิกไฟล์เพื่อ ติดตั้งเหมือนโปรแกรมทั่วไป

  3. เปิด Cursor

  4. Sign in ด้วย GitHub หรือ Google Account เพื่อใช้งาน AI features พร้อมใช้งาน!


การติดตั้ง Cursor บน macOS

  1. ดาวน์โหลดไฟล์ .dmg

  2. เปิดไฟล์ .dmg แล้วลาก Cursor ไปยังโฟลเดอร์ Applications

  3. ต้องกด Allow ใน System Preferences

  4. เปิด Cursor

  5. ลงชื่อเข้าใช้งานด้วย GitHub หรือ Google Account


การติดตั้ง Cursor บน Linux (Ubuntu/Debian-based)

  1. ดาวน์โหลดไฟล์ .deb

  2. เปิด Terminal แล้วรันคำสั่ง:

     sudo dpkg -i cursor_*.deb
     sudo apt-get install -f  # แก้ dependency หากมี
    
  3. เปิด Cursor จากเมนูหรือพิมพ์ cursor ใน terminal

  4. ลงชื่อเข้าใช้ด้วย GitHub หรือ Google

หมายเหตุ

  • Cursor รองรับ VS Code Extensions เหมือนกับ VS Code

  • หากคุณใช้ GitHub Copilot อยู่แล้ว ยังสามารถใช้คู่กับ Cursor ได้

  • จะใช้งาน AI Chat ได้ต้องเชื่อมต่ออินเทอร์เน็ต

  • มีเวอร์ชันฟรี ที่ใช้งาน AI ได้จำกัด และเวอร์ชัน Pro สำหรับใช้ GPT-4 เต็มรูปแบบ

วิธีใช้ Chat ใน Cursor

เราสามารถ Chat กับ AI ได้โดยมีขั้นตอนต่างๆดังนี้

  1. เปิด Cursor IDE

  2. กดปุ่มเปิด Chat ที่ด้านขวาล่างของหน้าจอ (หรือกดปุ่ม Cmd + K / Ctrl + K แล้วพิมพ์คำว่า Chat)

  3. เริ่มพิมพ์ Prompt ลงในช่อง Chat เช่น

    • Explain this function

    • Fix this bug

    • Refactor this code to be more readable

    • Write a unit test for this function

วิธีเลือก Code แล้วส่งให้ AI

เราสามารถเลือก Code(Selected) แล้วให้ AI ทำงานกับ Code ชุดที่เราเลือกไว้ได้ โดย

  1. Highlight Code ที่ต้องการ

  2. คลิกขวา > เลือกเมนู Ask Cursor

  3. จะมีหน้าต่างแชทขึ้นมา พร้อมโค้ดที่เลือกไว้

  4. พิมพ์สิ่งที่คุณอยากให้ AI ทำ เช่น

    • What does this code do?

    • Can you optimize this?

    • Convert this to TypeScript

ตัวอย่าง Prompt ที่คุณสามารถถาม Cursor ได้

วัตถุประสงค์ตัวอย่าง Prompt
อธิบายโค้ดWhat does this function do?
หาบั๊กWhy is this function returning undefined?
ปรับปรุงโค้ดMake this function more efficient
เขียนโค้ดใหม่Write a Python function that sorts a list of dictionaries by age
เขียนเทสต์Write unit tests for this function using Jest
แปลงภาษาConvert this Python code to JavaScript

Tips

  • พิมพ์ / ในช่อง Chat จะมี Prompt Templates ให้เราเลือก

    • /fix

    • /comment

    • /explain

  • ฟีเจอร์ Chat ทำงานได้ดีมากเมื่ออยู่ในไฟล์ที่เปิดอยู่

สรุป

เราสามารถใช้ Cursor แทน VS Code ได้เลยเพราะเป็นตัวเดียวกันแต่ต้องติดตั้งใหม่ เพื่อให้ AI ทำงานได้อย่างสมบูรณ์ สำหรับ Developer ยุคใหม่ที่ต้องการ Editor ที่มี AI อยู่ด้วย Cursor เป็นอีกหนึ่งทางเลือกที่น่าสนใจเลยทีเดียว

1 views

More from this blog

Swift Package Manager

เข้าสู่ระบบ ช่วย flutter_nfc_kit 3.6.2 เผยแพร่เมื่อ 28 วันที่แล้ว • ชุด NFC Flutter ปลั๊กอินอีกตัวหนึ่งที่ให้ฟังก์ชัน NFC บน Android, iOS และเว็บเบราว์เซอร์ (ผ่าน WebUSB ดูรายละเอียดด้านล่าง) ปลั๊กอินนี้มีฟังก์ชันการทำงานดังต่อไปนี้: อ่านข้อมูลเมตา...

Feb 18, 20262 min read2

Base64

เข้ารหัสและถอดรหัสไฟล์ Base64 เข้ารหัสภาพด้วย Base64 ในการส่งคำขอสร้างภาพ คุณต้องส่งข้อมูลภาพในรูปแบบ ข้อความที่เข้ารหัส Base64 😍 Base64เป็นการเข้ารหัสไบนารีเป็นข้อความที่ใช้ตัวอักขระที่พิมพ์ได้ 64 ตัว เพื่อแสดงแต่ละส่วน 6 บิตของลำดับค่าไบต์[ 1 ]เช...

Feb 17, 20262 min read1

Nangnoy Learning Agent

อัจฉริยะนักเรียน ลูกสาวพ่อ หนู “นางน้อย“ Agent 😍 🙀 นี่คือจุดเริ่มต้นของความเก่งแบบก้าวกระโดด ของ Nangnoy Learning Agent หลักการ: มีกลไก Feedback Loop เมื่อทำอะไรไปแล้วได้ผลลัพธ์ไม่ดี มันจะจำและปรับปรุงตัวเอง องค์ประกอบ: มีตัวประเมินผล (Critic) ที...

Feb 9, 202694 min read4
Nangnoy Learning Agent

API (Application Programming Interfaces)

API ใน Google Cloud : Jarntam การทดลองห้องปฏิบัติการกำหนดการ15 นาทีสกุลเงินสากล_alt1 หน่วยกิตแสดงแผนภูมิเบื้องต้น ข้อมูลห้องปฏิบัติการนี้อาจนำเครื่องมือ AI มาใช้เพื่อสนับสนุนการเรียนรู้ของคุณ จีเอสพี294 ภาพรวม API (Application Programming Interfaces...

Jan 30, 20267 min read3
B

Baimint

49 posts

🎮 จากเด็ก CS สู่ผู้สร้าง AI 🛠️ 30 ปี Tech | 19 ปี สอน 🚀 PM GitmintApp & Phuphadang GTS Alpha MCP