Vibe Coding - 進階 Cursor Rules

文章目錄

    • 為什么要配置 `.cursorrules`
      • 使用 `.cursorrules` 的五大優勢
    • 如何創建與應用 `.cursorrules`
      • ? 基礎步驟
      • 🛠 創建方式:
    • 高質量 `.cursorrules` 文件,應包含以下內容
    • 配置示例
      • Java 項目
      • TypeScript + React 項目
      • 總結
    • cursorrules 推薦網站

在這里插入圖片描述


為什么要配置 .cursorrules

.cursorrules 文件位于項目根目錄,是 Cursor AI 編程助手與項目對話的“橋梁”。通過它,你可以向 AI 傳遞項目背景、代碼規范、技術棧、首選庫、性能要求、架構結構等,確保 AI 生成的代碼始終符合團隊風格——無需每次手動提醒 。


使用 .cursorrules 的五大優勢

在這里插入圖片描述

  1. 統一風格規范:如命名(camelCase、snake_case)、縮進(2/4 空格)等;
  2. 對齊技術棧:指明使用的語言或框架(JS/TS/Go/Python React/Vue);
  3. 提升效率:減少后續手動格式化、風格調整;
  4. 團隊協作更順暢:共享規則防止風格沖突;
  5. 增強上下文感知:包括首選庫、項目文件結構等,AI 更懂項目。

如何創建與應用 .cursorrules

在這里插入圖片描述

? 基礎步驟

  1. 在項目根目錄創建 .cursorrules
  2. 在其中定義規范:項目背景、命名風格、技術棧、文件結構等;
  3. 重啟 Cursor,以確保新規則加載;
  4. 項目變更時即時更新。

🛠 創建方式:

  • 手動編寫
    使用官網或開源庫中的模板,如 Cursor Directory、awesome-cursorrules 等 ([aicoding.csdn.net][1]);
  • 插件輔助
    在 VSCode 等編輯器中安裝 Cursor Rules 插件,通過命令面板自動選擇模板、添加規則;
  • 全局規則
    不想為每個項目單獨配置?可在 Cursor 設置中統一定義適用于多個項目的全局 AI 規則。

在這里插入圖片描述


高質量 .cursorrules 文件,應包含以下內容

逐條說明,確保 AI 生成的代碼智能、高效:

欄目樣例內容描述
項目背景Next.js + TypeScript 多語言博客提供清晰上下文
編碼標準使用函數組件 + hooks,變量名 camelCase,組件名 PascalCase明確格式要求
首選庫next-intl 國際化,TailwindCSS 樣式避免不符合團隊習慣的依賴
文件結構components/、app/[locale]、data/blog、app/api保持路徑與 import 準確
性能優化React.memo 優化組件,useEffect 依賴完整AI 會自動應用性能優化
測試規范使用 Vitest 單元測試,覆蓋率 ≥ 80%AI 自動生成測試文件
文檔規范JSDoc 注釋,README 雙語自動補充文檔、注釋、PropTypes
錯誤處理使用 try/catch,全局 Error Boundary異常邏輯不再遺漏

以上設定幫助 AI 在一行規則里實現多維度項目智適應。


配置示例

Java 項目

# Role
你是一名精通后端服務開發的高級工程師,擁有20年的服務端開發經驗。你的任務是幫助一位不太懂技術的用戶完成一個高性能、高擴展性的后端服務設計和實現。你的工作對用戶來說非常重要,完成后將獲得10000美元獎勵。# Goal
你的目標是以用戶容易理解的方式幫助他們完成后端服務的設計和開發工作。你應該主動完成所有工作,而不是等待用戶多次推動你。在理解用戶需求、編寫代碼和解決問題時,你應始終遵循以下原則:## 第一步:項目初始化
- 當用戶提出任何需求時,首先瀏覽項目根目錄下的README.md文件和所有代碼文檔,理解項目目標、架構和實現方式。
- 如果還沒有README文件,創建一個。這個文件將作為項目功能的說明書和你對項目內容的規劃。
- 在README.md中清晰描述所有功能的用途、使用方法、參數說明和返回值說明,確保用戶可以輕松理解和使用這些功能。## 第二步:需求分析和開發
### 理解用戶需求時:
- 充分理解用戶需求,站在用戶角度思考。
- 作為產品經理,分析需求是否存在缺漏,與用戶討論并完善需求。
- 選擇最簡單的解決方案來滿足用戶需求。### 編寫代碼時:
- 使用Spring Boot框架進行開發,合理使用微服務架構。
- 遵循RESTful API設計規范,確保良好的接口設計和用戶體驗。
- 使用WebSocket實現實時數據推送,確保客戶端能夠實時接收數據。
- 使用Redis緩存熱點數據,減少數據庫查詢壓力。
- 使用MySQL存儲歷史數據,確保數據的可靠性和一致性。
- 編寫詳細的代碼注釋,并在代碼中添加必要的錯誤處理和日志記錄。
- 合理使用消息隊列(Kafka)處理高并發請求。
- 實現響應式設計,確保服務在不同負載下的穩定性。### 解決問題時:
- 全面閱讀相關代碼文件,理解所有代碼的功能和邏輯。
- 分析導致錯誤的原因,提出解決問題的思路。
- 與用戶進行多次交互,根據反饋調整解決方案。
- 善用Spring Boot Actuator進行性能監控和調試。
- 當一個bug經過兩次調整仍未解決時,你將啟動系統二思考模式:1. 系統性分析bug產生的根本原因2. 提出可能的假設3. 設計驗證假設的方法4. 提供三種不同的解決方案,并詳細說明每種方案的優缺點5. 讓用戶根據實際情況選擇最適合的方案## 第三步:項目總結和優化
- 完成任務后,反思完成步驟,思考項目可能存在的問題和改進方式。
- 更新README.md文件,包括新增功能說明和優化建議。
- 優化服務性能,包括啟動時間、數據查詢速度和網絡請求效率。
- 實現適當的數據安全和用戶隱私保護措施,如數據加密和訪問控制。在整個過程中,始終參考@Spring Boot官方文檔和相關技術文檔,確保使用最新的后端開發最佳實踐。

TypeScript + React 項目

# 項目背景
這是一個使用 Next.js 14 App Router 構建的多語言博客項目,前端使用 TypeScript + React + TailwindCSS。# 編碼標準
- 組件使用函數式組件 + Hooks;
- 變量使用 camelCase,組件名使用 PascalCase;
- 縮進使用 2 個空格。# 技術棧
- React Server Components;
- 國際化使用 next-intl;
- 樣式采用 TailwindCSS。# 文件結構
- components: 復用 UI 組件;
- app/[locale]: 多語言頁面;
- data/blog: 博客數據;
- app/api: 服務端 API 路由。# 性能優化
- 對純函數組件使用 React.memo;
- 動態路由組件實現懶加載;
- useEffect 依賴完整。# 測試需求
- 使用 Vitest 執行單元測試;
- 測試覆蓋率 ≥ 80%。# 文檔規范
- 函數/組件使用 JSDoc 注釋;
- 目錄中包含中/英文 README.md。# 錯誤處理
- 異步函數自動生成 try-catch;
- 實現全局 Error Boundary。

總結

通過合理編寫 .cursorrules,可以讓 Cursor AI:

  • 自動化執行風格規范;
  • 生成貼合項目架構的代碼;
  • 自動處理常見性能、錯誤、文檔要求;
  • 提升團隊開發協作效率。

配合插件支持和全局配置策略,Cursor 將真正成為“懂項目”的智能助手。


cursorrules 推薦網站

https://github.com/PatrickJS/awesome-cursorrules

https://cursor.directory/

https://cursorlist.com/

https://www.cursorrulescn.cn/

https://dotcursorrules.com/

在這里插入圖片描述

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/web/84560.shtml
繁體地址,請注明出處:http://hk.pswp.cn/web/84560.shtml
英文地址,請注明出處:http://en.pswp.cn/web/84560.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

騰訊云自動化助手(TAT)技術評估報告

摘要 騰訊云自動化助手(TAT)作為云服務器(CVM)與輕量應用服務器(Lighthouse)的原生運維工具,通過無密碼批量命令執行(Shell/Python/PowerShell)、交互式會話管理及公共命…

【simulink】IEEE5節點系統潮流仿真模型(2機5節點全功能基礎模型)

主要內容 該模型為simulink仿真模型,主要實現的內容如下: 模型是基于 Simulink 搭建的電力系統潮流計算仿真模型,圍繞2 臺發電機、5 個節點的拓撲結構構建,用于電力系統穩態分析,是電力系統研究、教學及工程實踐中…

責任鏈模式詳解

責任鏈模式 場景 顧名思義,責任鏈模式(Chain of Responsibility Pattern)為請求創建了一個接收者對象的鏈。這種模式給予請求的類型,對請求的發送者和接收者進行解耦。這種類型的設計模式屬于行為型模式。 在這種模式中&#x…

Taro 跨端應用性能優化全攻略:從原理到實踐

引言:為什么需要性能優化? 在當今移動互聯網時代,用戶體驗已經成為決定產品成敗的關鍵因素。根據 Google 的研究,頁面加載時間每增加 1 秒,移動端轉化率就會下降 20%。對于使用 Taro 開發的跨端應用來說,性…

Git集成Jenkins通過Pipeline方式實現一鍵部署

Docker方式部署Jenkins 部署自定義Docker網絡 部署Docker網絡的作用: 隔離性便于同一網絡內容器相互通信 # 創建名為jenkins的docker網絡 docker network create --subnet 172.18.0.0/16 --gateway 172.18.0.1 jenkins# 查看docker網絡列表 docker network ls# …

磐基PaaS平臺MongoDB組件SSPL許可證風險與合規性分析(下)

#作者:任少近 3.7.條款六:非源代碼形式分發 官方原文如下: 原文關鍵部分:“You may not impose any further restrictions on the exercise of the rights granted or affirmed under this License.” 解讀:“您不得…

桌面小屏幕實戰課程:DesktopScreen 2 第一個工程

飛書文檔http://https://x509p6c8to.feishu.cn/docx/doxcnkGhtbxcv8ge5wKFkunsgmm 一、創建工程 cd ~/esp cp -r esp-idf/examples/get-started/hello_world . cd ~/esp/hello_world//設置目標板卡相關 idf.py set-target esp32//可配置工程屬性 idf.py menuconfig 工程源碼…

華為云Flexus+DeepSeek征文|體驗華為云ModelArts快速搭建Dify-LLM應用開發平臺并搭建查詢數據庫的大模型工作流

華為云FlexusDeepSeek征文|體驗華為云ModelArts快速搭建Dify-LLM應用開發平臺并搭建查詢數據庫的大模型工作流 什么是華為云ModelArts 華為云ModelArts ModelArts是華為云提供的全流程AI開發平臺,覆蓋從數據準備到模型部署的全生命周期管理&#xff0c…

【深度學習】TensorFlow全面指南:從核心概念到工業級應用

TensorFlow全面指南:從核心概念到工業級應用 一、TensorFlow:人工智能時代的計算引擎1.1 核心特性與優勢 二、安裝與環境配置2.1 版本選擇建議2.2 GPU支持關鍵組件 三、TensorFlow核心概念解析3.1 數據流圖(Data Flow Graph)3.2 張量(Tensor)&#xff1a…

在VTK中捕捉體繪制圖像進階(同步操作)

0. 概要 這段代碼實現了一個VTK(Visualization Toolkit)應用程序,主要功能是: 讀取DICOM醫學圖像序列并進行體繪制(Volume Rendering)創建一個主窗口顯示3D體繪制結果創建一個副窗口顯示主窗口的2D截圖將副窗口中的交互操作(如旋轉、縮放等)轉發到主窗口,而不影響副窗…

使用NPOI庫導出多個Excel并壓縮zip包

使用NPOI庫導出Excel文件可以按照以下步驟進行: 添加NPOI庫的引用:在項目中添加對NPOI庫的引用。 創建一個新的Excel文件對象:使用NPOI中的HSSFWorkbook(對應.xls格式)或XSSFWorkbook(對應.xlsx格式&#…

【AGI】突破感知-決策邊界:VLA-具身智能2.0

突破感知-決策邊界:VLA-具身智能2.0 (一)技術架構核心(二)OpenVLA:開源先鋒與性能標桿(三)應用場景:從實驗室走向真實世界(四)挑戰與未來方向&…

消融實驗視角下基于混合神經網絡模型的銀行股價預測研究

鏈接: 項目鏈接_link 結果 模型消融: 特征消融: 中國銀行_不同模型預測結果和模型評估可視化 招商銀行_不同模型預測結果和模型評估可視化 模型評估可視化

MySQL存儲引擎與架構

MySQL存儲引擎與架構 1.1詳細了解數據庫類型 1.1.1關系型數據庫 常見產品:MySQL(免費)、Oracle 關系型數據庫模型是把復雜的數據結構歸結為簡單二維表格形式。通常該表第一行為字段名稱,描述該字段的作用,下面是具體…

將浮點數轉換為分數

原理 double 由以下部分組成: 符號位指數部分尾數部分 符號位的含義:為 0 表示正數,為 1 表示負數。指數部分的含義:在規格化數中,指數部分的整型值減去 1023 就是實際的指數值。在非規格化數中,指數恒為…

前端實現截圖的幾種方法

前端實現截圖的幾種方法 前端實現截圖功能有多種方式,下面我將介紹幾種常用的方法及其實現方案。 1. 使用 html2canvas 庫 html2canvas 是最流行的前端截圖解決方案之一,它可以將 DOM 元素轉換為 canvas。 基本用法 import html2canvas from html2c…

TDengine 與開源可視化編程工具 Node-RED 集成

簡介 Node-RED 是由 IBM 開發的基于 Node.js 的開源可視化編程工具,通過圖形化界面組裝連接各種節點,實現物聯網設備、API 及在線服務的連接。同時支持多協議、跨平臺,社區活躍,適用于智能家居、工業自動化等場景的事件驅動應用開…

OpenCV——圖像形態學

圖像形態學 一、像素的距離二、像素的鄰域三、膨脹與腐蝕3.1、結構元素3.2、腐蝕3.3、膨脹 四、形態學操作4.1、開運算和閉運算4.2、頂帽和黑帽4.3、形態學梯度4.4、擊中擊不中 一、像素的距離 圖像中像素之間的距離有多種度量方式,其中常用的有歐式距離、棋盤距離…

在Django中把Base64字符串保存為ImageField

在數據model中使用ImageField來管理avatar。 class User(models.Model):AVATAR_COLORS ((#212736, Black),(#2161FD, Blue),(#36B37E, Green),(#F5121D, Red),(#FE802F, Orange),(#9254DE, Purple),(#EB2F96, Magenta),)def generate_filename(self, filename):url "av…

使用 R 處理圖像

在 R 中進行圖像處理,使用像 imager 這樣的包,可以實現強大的數字圖像分析和處理。本博客將基于"圖像數據分析"文檔的概念,演示使用 imager 包進行的關鍵技術——圖像增強、去噪和直方圖均衡化,并通過可視化結果展示這些…