6個Cursor AI使用小技巧

6個Cursor AI使用小技巧

Cursor 是一款程式碼編輯器,旨在幫助您更快、更高效地編寫程式碼。它使用 AI 助手來理解您的程式碼,提供智慧建議,生成程式碼片段,甚至幫助修復錯誤。

為了充分利用 Cursor,有效地使用它至關重要。在本文中,我們將分享一些實用的技巧和竅門,幫助您提升工作流程,並在這款 AI 驅動的程式碼編輯器中獲得最佳效果。

準備好提升您的工作效率了嗎?以下是一些充分利用 Cursor 的實用方法。

1. 使用Cursor CLI

Cursor CLI 是一款適用於 Windows、macOS 和 Linux 的命令列工具,可讓您直接從終端與 Cursor 編輯器互動。要安裝 Cursor CLI,您可以使用 Cmd/Ctrl+P 啟動命令面板,然後選擇 Shell Command: Install ‘cursor’ command 選單,如下所示:

使用Cursor CLI

它的工作方式與 VSCode 的 code CLI 類似。例如,它允許您在 Cursor 編輯器中建立、管理和開啟專案,而無需離開命令列。

除了專案管理之外,CLI 還可以幫助您處理 Cursor 中的擴充套件程式。您可以使用簡單的命令列出已安裝的擴充套件程式、更新它們或解除安裝不再需要的擴充套件程式。

以下是一些使用 cursor CLI 的示例:

在 Cursor 編輯器中開啟當前目錄:
Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
cursor .
cursor .
cursor .
將資料夾新增到最後一個活動視窗:
Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
cursor --add site
cursor --add site
cursor --add site
列出當前安裝的擴充套件程式:
Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
cursor --list-extensions
cursor --list-extensions
cursor --list-extensions

使用 CLI 尤其適用於經常或更喜歡使用終端工作的使用者,因為它可以幫助您提高開發效率。

2. 使用上下文

Cursor 中的聊天功能允許您直接與 AI 助手互動。您可以提出問題、請求程式碼修改,並獲得只需單擊即可應用的建議。

需要記住的一點是,當您提供正確的上下文時,Cursor 的效果最佳。您包含的相關細節越多,它的響應就越好。

一個很好的方法是使用 @ 標記相關檔案。這有助於 AI 更好地理解您的程式碼並提供更精準的建議。

例如,如果您想為某個類建立測試,您可以標記該檔案。

使用上下文

這樣,它可以更好地理解程式碼的含義,從而提供更準確的響應。如果您對結果滿意,只需點選“Apply”選項即可。它還能識別將程式碼放在目錄中的哪個位置,如下所示:

識別將程式碼放在目錄中的哪個位置

3. 在聊天中使用圖片作為上下文

此外,Cursor 聊天的一大亮點是您可以將圖片作為上下文新增。只需將圖片拖放到聊天框中即可。

新增圖片後,Cursor 可以將其與提供的文字一起進行分析,從而生成更相關、更準確的程式碼。這對於需要視覺提示的任務尤其有用,例如更新使用者介面或從模型中複製設計元素。

在本例中,我們將使用它來生成 SVG 檔案。

生成 SVG 檔案

它非常方便!

但需要注意的是,結果可能會因圖片的複雜程度和任務而異。在處理更精細的細節時,Cursor 仍然可能遇到困難。

4. 使用自定義規則

Cursor 還附帶一項名為“Rules for AI”的功能。

此功能允許您定義 AI 在建議或生成程式碼時要遵循的規則。您可以定義格式、命名約定、專案的最佳實踐,或將規則應用於特定檔案。

如果您與團隊合作,需要每個人都遵循相同的編碼規則,或者您只是有自己的做事方式,那麼此功能將非常有用。它可以節省您的時間,避免不必要的編輯,並獲得與您的工作流程完美契合的建議。

要設定規則,您可以前往 Settings > Cursor Settings > Rules。點選 + Add new rule。然後,您需要新增名稱、描述,並可選地將檔案附加到規則中。

使用自定義規則

現在,是時候設定您的規則了。

如果您剛剛開始,請保持簡單。不要試圖一次定義所有規則。首先關注最重要的規則。然後,測試 AI 的響應情況,並根據需要最佳化規則以獲得最佳效果。

以下是規則描述的示例:

規則描述

這將確保 AI 助手在生成 PHP 程式碼時遵循 PSR-12 規範(幾乎沒有例外),並將特定規則應用於特定檔案。

5. 使用記事本

Cursor 中另一個可以讓您的工作流程更高效的功能是記事本(Notepads)。預設情況下,此功能可能隱藏在編輯器中,但您可以透過右鍵點選右側的主側邊欄,並從選單中選擇“Notepads”來啟用它。

使用記事本

現在,您可以在 Cursor 側邊欄中找到記事本。建立一個名稱清晰的新記事本,並使用純文字或 Markdown 新增內容。

例如,您可以新增並記錄專案架構決策、開發指南和最佳實踐,以及幫助維護整個程式碼庫的一致性。

如果您經常使用某些程式碼片段,記事本可以作為儲存可重複使用模板的便捷位置。它也非常適合儲存經常引用的文件,例如 API 詳細資訊、故障排除步驟或內部工作流程。

以下是我們為前端專案定義架構決策的示例:

為前端專案定義架構決策

現在,您可以使用 @Notepads 在 Chat 或 Cursor 中的 Composer(代理)中引用您的記事本。

引用您的記事本

6. 文件整合

與任何 AI 助手或工具一樣,Cursor 在擁有合適的上下文(例如相關文件)來指導其響應時,才能發揮最佳效能。

在 Cursor 中,您可以直接在編輯器中新增和引用外部文件,以便 AI 助手訪問重要資源。

預設情況下,Cursor 已包含廣泛的官方文件,涵蓋 WordPress、Laravel、Vue、React、Angular 等眾多框架。如果您需要的文件不可用,您可以透過提供 URL 輕鬆新增。這對於包含內部團隊文件尤其有用。只要內容可公開訪問,Cursor 就可以獲取並使用它。

要將文件作為參考,您可以在聊天框中輸入 @docs,然後搜尋所需的文件。

文件整合

在此示例中,我新增了對 WordPress 官方文件的引用,並要求 Cursor 建立文章型別。

要求 Cursor 建立文章型別

Cursor 非常智慧,它使用具有適當名稱的類來定義文章型別,將其新增到適當的目錄中,將 private 選項設定為 false,並使用正確的文字域新增所有可翻譯標籤。

小結

Cursor 是一款強大的 AI 程式設計助手,可以幫助您更快地編寫程式碼,並改善您的工作流程。在本文中,我們探討了一些可以幫助您充分利用 Cursor 的技巧和竅門。希望您覺得這些技巧有用,並能夠將它們應用到您自己的專案中。

評論留言