ทำความรู้จักกับ Cursor IDE

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

ข้อดีของ Cursor AI Code Editor

1. AI Assistant ที่เข้าใจโปรเจกต์ของคุณ

Cursor จะสแกน Code ทั้งหมด และทำความเข้าใจโครงสร้างของโค้ด ทำให้สามารถให้คำแนะนำที่เกี่ยวข้องได้ดีกว่า Copilot

2. Refactor Code ด้วย AI

สามารถเลือก Code(Selection) แล้วบอกให้ AI Refactor, Add Comment หรือ Convert เป็นภาษาอื่นๆได้

3. AI-powered Autocomplete

มี Auto Complete(AI Code Completion) คล้าย GitHub Copilot แต่ Cursor จะอิงกับโค้ดในโปรเจกต์ของคุณมากกว่า(เข้าใจบริบทมากกว่า)

4. Chat กับ AI ได้

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

5. ทำงานแบบ Offline ได้

สามารถใช้บางความสามารถของ AI แบบ offline ได้ หากมี LLM ติดตั้งไว้ในเครื่อง

Cursor เหมาะกับใครบ้าง

• นักพัฒนาโปรแกรมที่ต้องการเพิ่ม productivity
• ผู้เรียนเขียนโปรแกรมที่ต้องการตัวช่วยสร้าง Code ขึ้นมาโดยอัตโนมัติ
• ทีมงาน Dev ที่ต้องการ Refactor หรือแก้ Bug จำนวนมาก

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

วิธีติดตั้ง 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 ได้

Tips

• พิมพ์ / ในช่อง Chat จะมี Prompt Templates ให้เราเลือก
  • /fix
  • /comment
  • /explain
• ฟีเจอร์ Chat ทำงานได้ดีมากเมื่ออยู่ในไฟล์ที่เปิดอยู่

สรุป

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