Cursor-用"說"來做個小產品
Cursor 是一款基于 VS Code 的現代編程工具,它不僅繼承了 VS Code 的強大特性,還提供了智能編程輔助功能,能幫助開發者更高效地完成日常開發工作。

安裝:https://learn-cursor.com/wiki/user-guide/install
?? 主要功能
基礎功能 入門
Cursor 提供了一系列基礎但強大的功能:
-
智能代碼補全:根據上下文提供準確的代碼建議
-
實時錯誤檢測:在編碼過程中及時發現并修復問題
-
代碼格式化:自動調整代碼格式,保持一致的編碼風格
-
快速重構:輕松完成代碼重構,提高代碼質量
-
開發輔助 進階
為提高開發效率,Cursor 集成了多種實用的輔助功能: -
代碼診斷:快速定位和解決編程問題
-
技術文檔:便捷查閱相關技術文檔
-
代碼示例:獲取常用功能的示例代碼
-
編程建議:提供代碼改進的專業建議
項目工具 高級
在項目開發方面,Cursor 提供了完整的工具鏈支持: -
版本控制:集成 Git 功能,方便代碼管理
-
調試工具:支持斷點調試、變量監控等
-
性能分析:幫助優化代碼性能
-
隊協作便于多人協作開發
?? 使用場景
Cursor 適用于多種開發場景: -
日常開發 入門 編寫代碼、調試問題、優化性能等個人開發工作。
-
團隊協作 進階 代碼評審、知識分享、項目協作等團隊開發活動。
-
技術探索 高級 學習新技術、驗證方案原型開發等探索性工作。
實戰教程:用對話打造一個圖片合并工具
- 需求背景
在日常生活中,學校經常會要求家長提供一些反饋信息,比如報名表或其他表格。這些信息通常包含多張圖片,需要:
將多張圖片拼接在一起
添加孩子的姓名
整理成一張完整的圖片發給老師
2. 環境準備
前期準備
創建新的項目文件夾
使用 Cursor 打開文件夾
熟悉基本的操作界面
3. 需求描述
打開 AI 對話框(快捷鍵 Ctrl+i),清晰地描述產品需求:
幫我創建一個PC網站,功能如下:
- 有一個上傳圖片的入口,可以上傳多個圖片
- 有一個合并的按鈕,點擊合并按鈕可以將上傳的圖片合并在一起顯示,合并的圖片可以下載
![]()
代碼生成完后,出現如下信息
![]()
第一個紅框代表改動或者生成的文件
第二個紅框
Reject all 表示 拒絕接收這個代碼,點了之后這些新增的代碼會被撤銷
Accept all 表示 接受代碼,代碼會生效
大膽的點 Accept all
打開網頁后,是這樣子的,每個人的界面可能不一樣,沒關系,接下來都可以用AI對話的方式去調整。

4,功能迭代
- 基礎功能實現:你現在要做的是開始調試功能,看下有什么問題沒有
2.沒關系,告訴AI你的問題,解決問題
四、經驗總結
?? 開發心得
AI 驅動開發
無需手寫代碼
通過對話即可實現功能
AI 能理解自然語言需求
迭代優化
先實現基礎功能
逐步添加新特性
持續優化用戶體驗
實用建議
描述要清晰具體
問題可以分步解決
不要怕問AI問題 :::
整個過程我沒有自己寫一個代碼,全是AI自動完成,恐怖如斯。
但是這個項目很簡單,只有前端項目,在我們的第二個實戰項目中會包含后端和數據庫。
最后的經驗就是,大家要勇于去問AI,反正它都會回答你



浙公網安備 33010602011771號