AI 工具分享 - Cursor

# AI 工具分享 - Cursor --- 近幾年 AI 爆紅，如何善用 AI 工具變得更加重要今天就來跟大家分享本人工作上最常使用的 Cursor 以及如何善用它的功能輔助日常開發 --- Cursor是什麼？ --- 與現行大家在使用的 Github Copilot 非常相似都是透過 AI 輔助程式開發 --- 我有 Github Copilot 為什麼要用 Cursor ? --- Cursor 提供了一些 Github Copilot 所沒有的獨特功能讓使用者能更彈性的利用 AI 輔助開發 --- ### 安裝 1. 到 [Cursor 官網](https://www.cursor.com/) 下載 2. 開啟 Cursor 點擊 Sign in，會跳到網頁請你登入，第一次註冊會給你14天免費試用 Pro 方案功能 3. 回到 Cursor 開始體驗！ --- ### 功能介紹 --- ### 1. Autocomplete 程式碼撰寫過程中，AI 會視情況給出程式碼建議，只要按下 tab 就可以使用 AI 建議的程式碼，因此也稱為Cursor Tab。 --- #### 主要特色 - **程式碼修改建議**：傳統的 AI 工具只會提供新增程式碼建議，Cursor 可以建議修改現有的程式碼。 - **多行修改**：支持多行程式碼的建議。 - **Linter 錯誤修正**：自動檢查 Linter 錯誤並提供修正建議。 --- #### 使用方式 - **接受建議**：按 `Tab` - **拒絕建議**：按 `Esc` - **逐字接受建議**：按 `⌘Command + →` - **使用限制**： - 免費用戶有 **2000** 次建議次數。 - 付費用戶則無限制建議次數。 --- ### 2. Agent Mode 讓 AI 根據任務需求自動選擇和使用適合的 Tools 來協助完成工作。 --- ### Tools - **自動化Coding** - **Codebase搜尋** - **呼叫 MCP 伺服器** - **執行 Command Line 命令** - **網路搜尋** --- ### 工具限制 - **最大工具呼叫次數**：每一次對話最多可進行 25 次工具呼叫，超過後，Cursor 會詢問是否繼續。 --- ### 3. Context 透過使用 `@` 提供多種不同類型的上下文幫助 AI 更準確的生成和提供建議。接著較少幾個個人比較常用的使用方式。 --- #### 使用方式： - **@Files**: 引用專案中的特定檔案。 - **@Folders**: 引用整個資料夾，提供更廣泛的上下文。 - **@Code**: 引用程式碼庫中的特定程式碼片段或符號。 - **@Docs**: 引用存取文檔和指南。 - **@Git**: 引用存取 Git 歷史記錄和變更。 - **@Notepads**: 引用存取的 Notepad。 - **@Summarized Composers**: 引用過去的 Composer 會話總結。 --- #### 使用方式： - **@Cursor Rules**: 引用 Cursor 規則。 - **@Web**: 引用外部網絡資源和文檔。 - **@Link (paste)**: 引用指向特定程式碼或文檔的連結。 - **@Recent Changes**: 引用指向最近變更的程式碼或文檔的連結。 - **@Codebase**: 引用整個程式碼庫作為上下文（僅限 Chat）。 - **@Lint Errors**: 引用 Linter 錯誤（僅限 Chat）。 --- ### 4. Rules for AI 將 Rule 想像是我們在一般 LLM 的時候設定的 Systme Prompt，可以依照專案設定也可以進行全域的設定，讓每次 Cursor 在生成時遵照這些 Rule。 --- #### Project Rule設定方式 1. Description：用於告訴 AI 在什麼情況下應該遵守這個規則，如果沒有設定 Description，則會根據 Attach 欄位的設定來判斷何時觸發。 2. Auto Attach：用於指定哪些檔案類型或資料夾應該遵守這個規則。 3. Content：用於寫入實際 Rule。 --- 範例 ![截圖 2025-03-16 下午5.37.39](https://hackmd.io/_uploads/HJNlnMNh1g.png) --- 我知道這麼多功能，實際開發可以怎麼用？ --- ## 實戰教學 [有設計稿情境下適合什麼AI工具？](https://hackmd.io/TeHDFDO_RTiI6ciWoiNgWA) [無設計稿工程自行提案適合什麼AI工具？](https://hackmd.io/42E84W3tS-e94GiYk-7gQg) --- ## End

Syntax	Example	Reference
# Header	Header	基本排版
- Unordered List	Unordered List
1. Ordered List	Ordered List
- [ ] Todo List	Todo List
> Blockquote	Blockquote
Bold font	Bold font
Italics font	Italics font
~~Strikethrough~~	~~Strikethrough~~
19^th^	19^th
H~2~O	H₂O
++Inserted text++	Inserted text
==Marked text==	Marked text
[link text](https:// "title")	Link
![image alt](https:// "title")	Image
`Code`	`Code`	在筆記中貼入程式碼
```javascript var i = 0; ```	`var i = 0;`
:smile:		Emoji list
{%youtube youtube_id %}	Externals
$L^aT_eX$	L^aT_eX
:::info This is a alert area. :::	This is a alert area.