從 0 到 1:完全用 Cursor 開發 Web 應用後的真實體驗

作者:梁波Eric
平台:微信公眾號
日期:2025-05-24

體驗使用Cursor+Claude 3.7完全透過自然語言開發Web應用的全過程,分享AI輔助編程的實戰經驗與思考,探討AI時代程式設計師的角色轉變。

AI編程CursorClaude 3.7Web開發自然語言編程AI輔助開發程式設計師轉型React開發

從 0 到 1:完全用 Cursor 開發 Web 應用後的真實體驗

作者: 梁波Eric 原始連結: 原始連結


見字如面,與大家分享實踐中的經驗與思考。

Meta 的 CEO 馬克·祖克柏說:「2025年,軟體工程領域將迎來劇變,AI 將達到中級軟體工程師的編程水平。」同時他還計劃將很多應用程式的編程工作交給 AI 去完成。AI 發展至今,在其能力越來越強大之後,很多人不免開始擔心自己的工作會不會被 AI 給取代。

最近嘗試使用 Cursor + Claude 3.7 完全透過自然語言開發了一款 Web 應用之後,談談一些關於 AI 輔助編程的一些看法。

01 擁抱AI,接受它的強大

從 2022 年,ChatGPT 推出後,AI 開始大範圍的出現在大眾的視野中。AI 慢慢的成為大家生活中必不可少的工具,也逐漸出現 AI 將替代 xx 職業的言論。當越來越多這樣的聲音出現,尤其是自己所在的行業時,相信大部分人內心是比較排斥的,甚至認為這是危言聳聽。

以程式設計師為例,現在很多大模型,如:Claude 3.7 ,其能力已經達到中高級程式設計師的編程水平了。作為入門或者初級程式設計師,學會結合 AI,你也可以達到之前中級程式設計師的水平,甚至超過。

02 需求分析的能力變得越來越重要

需求分析與理解、拆解任務的能力變得越來越重要了。你可以想像一下在使用 AI 的時候,你面對的是一個個 AI 員工,你的指令清晰明瞭,針對複雜任務時,進行任務的逐步拆解,再交給 AI 一步步去完成。這其實就像是在實際專案中 TL 帶團隊開發類似。

以 Cursor(一款 AI 編輯器)開發一個官網為例,當你說:「使用 React 開發一個官網」,它會自動開發出一個 Demo 專案出來,但是也僅僅是 demo,很難達到真實複雜專案的程度。當你學會使用 Notepad 將一個個具體的需求整理出來,讓它一步步去完成和修改,同時加上很多規範之後,慢慢的它也能開發出符合你需求的程式碼了。

03 與個人工作流進行整合

梳理自己生活和工作中,哪些工作可以結合 AI。以全端開發工程師為例,可以使用 AI 編寫 UI 設計圖,使用 AI 進行輔助程式碼編寫,使用 AI 閱讀原始碼等等。單單就 AI 輔助編程來說,是 Copilot 模式 還是全自然語言模式,也是有很大區別的。

將 AI 與個人工作流進行深度的整合,要切身的體會到自己的效率大大提升以及效果良好,而不是草率的用 AI 生成後的無腦使用。

04 AI 會搶走你的飯碗麼?

AI 發展至今已經很強大了,但就目前來看很多複雜場景的專案,它是無法自動完成的。在使用 AI 從 0 到 1 完全使用自然語言開發一款應用的過程中,可以感受到 AI 既是老師,又是員工。它知識全面,懂得遠比你多,有時候能夠寫出讓人眼前一亮的程式碼,但很多時候又很傻,需要你一遍遍的告訴它這塊要如何完成。

對於一些簡單的場景,再加上一些固定的 pattern 的話,真的 AI 可以完爆很多人了。

所以 AI 似乎在搶走你的飯碗,實則不然。但是 AI 將帶來你對於角色的轉變,以及整合 AI 相關的技能,如何更好的與 AI 進行協作。

附錄

原始碼:

幾乎所有的程式碼都是透過 Cursor + Claude 3.7 進行編寫的。

https://github.com/flyeric0212/wx-md [1]

開發:

透過Notepad進行需求拆解,使用 .cursorrules 進行程式碼規範約束。

image-20250313下午111303677