亚洲中文字幕乱码亚洲-蜜桃成熟视频在线观看-免费中文字幕视频在线-中国五十路熟妇洗澡视频-亚洲av伊人啪啪c-国产精品成人一区二区-国产自拍视频一区在线观看-成人一区不卡二区三区四区-亚洲情精品中文字幕99在线

網(wǎng)易首頁 > 網(wǎng)易號 > 正文 申請入駐

非技術(shù)人也能看懂:AI 編程從原型到上線的完整流程

0
分享至

Vibe Coding正以驚人的速度重塑開發(fā)者的工作流程,但AI助手的局限性也讓項(xiàng)目陷入'修復(fù)同一bug'的惡性循環(huán)。本文從三層架構(gòu)設(shè)計(jì)到AI協(xié)同工作流,揭秘如何通過規(guī)劃-評審-修正的閉環(huán)體系,將失敗率降低90%的實(shí)戰(zhàn)方法論。

———— / BEGIN / ————

我從2025年開始接觸vibe coding,有成功也有失敗。第一次搭建出屬于自己的頁面時(shí)很震撼,但永遠(yuǎn)陷在某個(gè)bug里解決不了的挫敗感也很強(qiáng)。

所以總結(jié)復(fù)盤了這些使用經(jīng)驗(yàn),希望能給你帶來一些幫助。

工具的對比與選擇

工具大致分為兩類:


  1. 全包式應(yīng)用:幫你搞定一切(托管、數(shù)據(jù)庫、部署)

  2. AI 助手:給你更多控制權(quán),但需要你自己管理基礎(chǔ)設(shè)施


如果你剛?cè)腴T,從全包式應(yīng)用開始。當(dāng)你需要更多控制權(quán),或碰到工具上限時(shí),再轉(zhuǎn)向 AI 助手。

我嘗試過 Replit、Lovable、Codex 和 Claude Code。Claude Code 是我目前的首選。

但小項(xiàng)目我更喜歡Lovable(比如寵物的健康追蹤管理),不用操心 UX,界面又好看。

Vibe Coding工具


AI 編程智能體


VS Code、Windsurf、Cursor 這類集成開發(fā)環(huán)境(IDE)我沒有列入清單,不過它們很多都內(nèi)置了自己的編碼助手。Cognition 也做了編碼助手 Devin,但感覺也不太適合放在這里對比。

也沒有包含只做設(shè)計(jì)原型的工具,因?yàn)榻裉煳覀兊闹攸c(diǎn)是搭建應(yīng)用。

會在哪里出問題

選好工具之后,就可以開始干活了。

然而大多數(shù)項(xiàng)目就是從這里開始跑偏的。如果不清楚自己想要什么,或者頻繁改主意,最后就會得到一堆混亂的代碼。

Vibe Coding的惡性循環(huán)是:總在修復(fù)同一個(gè)bug

我們在過程中經(jīng)常會發(fā)現(xiàn),你報(bào)了bug,AI說修好了,但其實(shí)沒有。

無論怎么說、怎么做,都很難真正修復(fù)。讓人非常崩潰。


這類問題通常源于幾個(gè)原因:

  • 你對想要的東西描述不夠清晰

  • 頻繁改主意,代碼里全是這些反復(fù)橫跳的痕跡

  • 中途切換了技術(shù)棧,代碼不同部分用了不同技術(shù)(通常也是需求頻繁變更導(dǎo)致的)


要避免這種情況,你需要稍微理解軟件是如何運(yùn)作的。軟件有三層:


  1. 數(shù)據(jù)層:數(shù)據(jù)存儲的地方

  2. 控制層:軟件運(yùn)行的邏輯

  3. 視圖層:你在界面上看到的內(nèi)容


大部分問題,都出在這三層不同步。

當(dāng)你最開始描述需求時(shí),它會對需要存什么數(shù)據(jù)、邏輯如何運(yùn)行、界面顯示什么做出假設(shè)。

改主意時(shí),AI必須記得同時(shí)更新這三層。


如果只做簡單的界面修改,可能只影響視圖層,AI通常能直接處理好。

但如果是復(fù)雜的界面改動 —— 比如想改變排序方式 —— 可能會影響全部三層??赡苄枰薷臄?shù)據(jù)存儲方式、數(shù)據(jù)獲取時(shí)機(jī),才能改變界面排序。

這就是容易出錯(cuò)的地方。當(dāng)AI忘記跨三層同步修改,或是修改不一致時(shí),就會出現(xiàn)難以解決的 bug。

前面提到給寵物做的健康追蹤管理就是這樣。隨著不斷迭代,需求一直在變。我想優(yōu)化界面讓輸入更方便,但有些優(yōu)化意味著數(shù)據(jù)存儲方式也要改。改得越多,應(yīng)用里的隱蔽 bug 就越多。

而且問題會不斷累積。助手工作時(shí),會傾向于遵循它看到的代碼模式。如果它看到的是過時(shí)的視圖層,在更新數(shù)據(jù)層時(shí)就可能做出錯(cuò)誤決策。

這就是打破原有的項(xiàng)目重頭再來的原因。第二次描述應(yīng)用時(shí),我已經(jīng)清楚自己想要什么,需求沒有變。Lovable 才能正確搭建三層結(jié)構(gòu),我才能得到完全符合預(yù)期的結(jié)果。

規(guī)劃 – 評審 – 修正

先想清楚,再開始工作。

每個(gè)優(yōu)秀的產(chǎn)品經(jīng)理都知道,一個(gè)想法在理論上聽起來再好,一旦開始細(xì)化規(guī)格,問題就全出來了。細(xì)節(jié)才是成敗關(guān)鍵。

用vibe coding時(shí),如果我們邊寫代碼邊細(xì)化細(xì)節(jié),成本很高 —— 就算是AI 助手寫也一樣。而且很容易產(chǎn)生 bug。

AI會犯錯(cuò)。每次你改主意,都會帶來一點(diǎn)技術(shù)債 —— 舊想法的痕跡還留在代碼里。這些技術(shù)債會迷惑后續(xù)處理,導(dǎo)致惡性循環(huán),bug 越來越多。

永遠(yuǎn)從規(guī)劃開始,在規(guī)劃方案上迭代。

有時(shí)只有一個(gè)模糊想法,要和AI一起把它變具體;有時(shí)我想法很明確,只需要寫下來。無論哪種方式,每一次都要從規(guī)劃開始。

不是PRD或者技術(shù)文檔,而是小批量、迭代式的方式工作,不是傳統(tǒng)大型項(xiàng)目那套流程。

系統(tǒng)性學(xué)習(xí)PMP的敏捷流程對個(gè)人小項(xiàng)目真的很有用。

實(shí)操案例

比如做一個(gè)回答產(chǎn)品探索相關(guān)問題的知識庫。我對它有宏大愿景,希望它成為全能的coach。但需要時(shí)間一步步實(shí)現(xiàn)。

第一個(gè)目標(biāo),是能訪問我所有寫過的內(nèi)容,這樣它就能回答那些我已經(jīng)有文字答案的常見問題。但我不知道怎么實(shí)現(xiàn)。于是找 Claude 幫忙,一起制定方案。

Claude 梳理出了端到端的實(shí)現(xiàn)方式,解釋了很多我不懂的東西,幫我選擇服務(wù)商(比如向量數(shù)據(jù)庫和嵌入 API)。在討論中,我不斷補(bǔ)充和細(xì)化需求。我們用 Markdown 一起迭代,而不是用代碼。

方案成熟后,也不是立刻開始寫代碼。而是把方案交給AI評審。

在和 Claude 的初始對話中,Claude 會學(xué)到我的偏好(這是好事),也會學(xué)到我的偏見(這是壞事),它會繼承我的思維盲區(qū)。我們倆都很可能漏掉關(guān)鍵細(xì)節(jié),這些細(xì)節(jié)在實(shí)現(xiàn)時(shí)會引發(fā)問題。

方案評審的任務(wù),就是用全新視角評估方案。

用來驗(yàn)證:

  • 方案是否符合項(xiàng)目的編碼規(guī)范和架構(gòu)

  • 沒有過度設(shè)計(jì)

  • 找出邏輯缺陷、思考漏洞、思維盲區(qū),或任何值得注意的問題


不修復(fù)方案,只反饋問題。

然后我把評審的意見發(fā)給規(guī)劃助手,一起整合有效反饋。我們重復(fù)這個(gè)循環(huán),直到三方都滿意:我、規(guī)劃、方案評審。

這個(gè)循環(huán)對避免 “死活修不好 bug” 的惡性循環(huán)至關(guān)重要。從一份扎實(shí)的方案開始,意味著我們不是在代碼里思考,而是在文檔里思考,只有確定至少第一個(gè)小模塊要做什么時(shí),才開始code。

用AI做規(guī)劃時(shí),記住這些方法:


  • 頻繁開啟新對話:對話越長,AI表現(xiàn)越差,這叫 “上下文腐爛”。我常分塊規(guī)劃:先做整體概覽,理解端到端流程,寫成文檔,然后開新對話。下一輪對話深入某個(gè)模塊,完成后清空上下文,再做下一部分。這樣能保證助手始終輸出高質(zhì)量結(jié)果。

  • 不只依賴AI的訓(xùn)練數(shù)據(jù):我經(jīng)常讓第二個(gè)AI調(diào)研我們要做的東西,研究最佳實(shí)踐,找出人們最常犯的錯(cuò)誤,再把報(bào)告交給規(guī)劃助手。

  • 質(zhì)疑AI的建議:如果某條建議聽起來不對勁,或你不確定,讓它澄清甚至解釋理由。你不一定是專家,但你應(yīng)該理解選擇,并確保走在正確的路上。

  • 讓AI解釋所有你不懂的東西:碰到不熟悉、不理解的內(nèi)容,直接讓AI解釋。如果還不懂,告訴它哪里困惑,讓它再講一遍。


實(shí)現(xiàn) – 評審 – 修正

方案準(zhǔn)備好后,我會開啟全新對話,重置上下文窗口。讓新AI按方案實(shí)現(xiàn)功能。

如果規(guī)劃做得好,AI應(yīng)該能獨(dú)立完成實(shí)現(xiàn)。完成后,它通常會讓我測試改動。但我不會立刻測試。相反,我要讓另一個(gè)AI檢查編碼的工作。

這就是AI 代碼評審的作用。AI 代碼評審會閱讀方案、瀏覽代碼庫、評估改動,查找:

  • bug

  • 重復(fù)代碼

  • 不必要的新模式或技術(shù)

  • 過度設(shè)計(jì)


AI 代碼評審的核心目標(biāo),就是幫我們避開惡性循環(huán),確保編碼遵循良好的軟件工程實(shí)踐。

我會讓代碼評審重點(diǎn)關(guān)注三塊:


  1. 異常處理

  2. 測試覆蓋率

  3. 安全性


剛開始做時(shí),我對這三塊一竅不通,但一路學(xué)到了很多。這里我簡單講一下技巧。

異常處理

簡單說,就是出問題時(shí)代碼該如何響應(yīng)。比如代碼調(diào)用 API 時(shí),如果出現(xiàn)以下情況該怎么辦:

  1. API 不可用

  2. 沒有訪問 API 的正確權(quán)限

  3. 得到意料之外的響應(yīng)


我們經(jīng)常只為 “理想情況” 寫代碼 —— 一切順利的場景。異常處理,就是列出所有可能出錯(cuò)的情況,以及每種情況該如何處理。

你不需要懂代碼里怎么寫異常處理,AI可以搞定。但你應(yīng)該問:

  • 這一步可能出什么問題?

  • 每種情況我們想怎么處理?


然后和AI討論這些決策。我會明確讓代碼評審AI檢查異常處理的缺失,標(biāo)出覆蓋不足的地方。如果不確定怎么修復(fù),就和編碼AI討論。關(guān)鍵是讓專家?guī)湍阍u審 —— 這就是代碼評審助手的價(jià)值。

測試覆蓋率

代碼評審還會檢查測試:

  • 有沒有完整的單元測試和集成測試?

  • 集成測試是否覆蓋所有真實(shí)使用場景?


如果你不熟悉自動化測試,那就選:

  • 單元測試:單獨(dú)測試代碼片段(比如這個(gè)函數(shù)是否按預(yù)期運(yùn)行)

  • 集成測試:測試所有部分如何協(xié)同工作


你不需要知道怎么寫,但如果你想讓代碼穩(wěn)定運(yùn)行,就必須告訴 Claude 寫出合適的測試。

Claude 很會寫單元測試,但不太會寫正確的單元測試,所以需要代碼評審AI檢查。Claude 幾乎從不記得寫集成測試,所以我會讓評審AI專門檢查這兩項(xiàng)。

對于集成測試,讓代碼評審AI列出代碼所有可能的使用方式,然后根據(jù)使用場景決定哪些需要寫集成測試。

安全性

早期工具在安全方面做得很差,好在現(xiàn)在很多都大幅改善了。很多常用的工具都有自帶的安全檢查。

我讓 Claude 幫我給代碼評審寫安全檢查規(guī)則,它會檢查各種常見安全漏洞:

  • 依賴漏洞:過時(shí)包或虛構(gòu)包名

  • 代碼中的密鑰:不暴露 API key 或其他憑證

  • IAM 角色遵循最小權(quán)限原則


輸入驗(yàn)證

  • 日志規(guī)范:不記錄敏感數(shù)據(jù)

  • 跨域資源共享(CORS)配置


你不需要懂這些是什么。關(guān)鍵是讓編碼AI幫你確保應(yīng)用安全,并讓代碼評審AI驗(yàn)證。

和方案評審一樣,代碼評審AI不修復(fù)問題,只寫出問題報(bào)告。我審閱后,把報(bào)告發(fā)給編碼AI。

我以前會讓編碼助手直接調(diào)用評審助手,讓它們自行迭代,但更多的時(shí)候是無休止地修復(fù)本不需要修的東西。所以我們?nèi)肆€是得保持在循環(huán)中。

和規(guī)劃一樣,代碼直到三方都滿意才算完成:我、編碼、代碼評審。

代碼評審幫我發(fā)現(xiàn)了無數(shù) bug。這一步看起來很繁瑣,尤其當(dāng)代碼表面上運(yùn)行正常時(shí)。但長期來看,它會幫你節(jié)省大量時(shí)間,不用走到某個(gè)失敗臨界點(diǎn)然后從0開始。

出問題時(shí)如何恢復(fù)

就算你嚴(yán)格遵循規(guī)劃 – 評審 – 修正、實(shí)現(xiàn) – 評審 – 修正循環(huán),問題仍然會出現(xiàn)。記住,AI會犯錯(cuò)。

但別慌。大概率另一個(gè)AI能幫你解決。當(dāng)你碰到編碼AI死活修不好的 bug 時(shí),別讓它繼續(xù)瞎試,那樣只會引入更多 bug。

相反:


  • 開新對話

  • 讓新AI看問題

  • 明確告訴它:只診斷并反饋,不要直接修復(fù)


最后一點(diǎn)很重要,不能讓它隨便亂改代碼。

如果是特別難的 bug,我可能會開兩個(gè)甚至三個(gè)AI,用完全相同的提示詞,看它們是否得出同一個(gè)診斷結(jié)論。

只有確信找到真正原因后,才開始寫代碼。

人們很容易想當(dāng)然地判斷問題根源,其實(shí)根本不對。如果讓助手直接開始 “修復(fù)”,它會亂改很多不需要改的地方,反而帶來更多 bug。

永遠(yuǎn)把診斷和修復(fù)分開。

從原型到生產(chǎn),關(guān)鍵不在 “快”,而在穩(wěn)。清晰的需求、規(guī)范的架構(gòu)、嚴(yán)格的代碼評審、理性的問題排查,這些傳統(tǒng)編程的經(jīng)驗(yàn),在 AI 時(shí)代依然有效,甚至更加重要。

與其在混亂里反復(fù)試錯(cuò),不如用一套成熟流程避開 “惡性循環(huán)”,讓 AI 真正幫我們把想法落地成可用、可靠、可上線的產(chǎn)品。

本文來自公眾號:朱莉的產(chǎn)品筆記 作者:朱莉的產(chǎn)品筆記

特別聲明:以上內(nèi)容(如有圖片或視頻亦包括在內(nèi))為自媒體平臺“網(wǎng)易號”用戶上傳并發(fā)布,本平臺僅提供信息存儲服務(wù)。

Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.

相關(guān)推薦
熱點(diǎn)推薦
2026屆NBA選秀ESPN前十預(yù)測:迪班薩逆襲登頂,小布澤爾跌出前二

2026屆NBA選秀ESPN前十預(yù)測:迪班薩逆襲登頂,小布澤爾跌出前二

仰臥撐FTUer
2026-04-15 11:50:06
地鐵故障致乘客被困近一小時(shí),成都地鐵:事發(fā)19號線,目前已恢復(fù)正常

地鐵故障致乘客被困近一小時(shí),成都地鐵:事發(fā)19號線,目前已恢復(fù)正常

大象新聞
2026-04-15 14:49:11
你們都是什么時(shí)候?qū)δ信麻_竅的?網(wǎng)友:果然還是攔不住有心人

你們都是什么時(shí)候?qū)δ信麻_竅的?網(wǎng)友:果然還是攔不住有心人

夜深愛雜談
2026-02-21 21:37:02
浪姐史上翻車最快的人出現(xiàn)了,網(wǎng)友:人不紅果然是有原因的!

浪姐史上翻車最快的人出現(xiàn)了,網(wǎng)友:人不紅果然是有原因的!

兩只米老鼠
2026-04-14 03:27:12
印度和歐洲都急了:全球尿素價(jià)格翻倍,中國憑啥還能賣白菜價(jià)?

印度和歐洲都急了:全球尿素價(jià)格翻倍,中國憑啥還能賣白菜價(jià)?

青梅侃史啊
2026-04-15 17:07:01
“狗不理”跌落神壇,從一天賣6萬個(gè)到無人問津,它為何不火了?

“狗不理”跌落神壇,從一天賣6萬個(gè)到無人問津,它為何不火了?

房產(chǎn)衫哥
2026-04-14 12:50:59
一張網(wǎng)上瘋傳的“三人合影”,其實(shí)誰也沒見過,也沒人拿得出原件

一張網(wǎng)上瘋傳的“三人合影”,其實(shí)誰也沒見過,也沒人拿得出原件

小椰的奶奶
2026-04-13 14:10:17
土以要開打?埃爾多安威脅攻打以色列后,不到1天,卡茨強(qiáng)勢出招

土以要開打?埃爾多安威脅攻打以色列后,不到1天,卡茨強(qiáng)勢出招

泠泠說史
2026-04-14 19:41:44
迪拜帆船酒店宣布將停業(yè)1年半進(jìn)行大規(guī)模修復(fù)

迪拜帆船酒店宣布將停業(yè)1年半進(jìn)行大規(guī)模修復(fù)

閃電新聞
2026-04-15 19:06:00
脖子刺著飛雀的他,才是大宋盛世的真正奠基人,趙匡胤撿漏上位

脖子刺著飛雀的他,才是大宋盛世的真正奠基人,趙匡胤撿漏上位

小楊歷史
2026-04-15 15:33:32
1951年,10萬志愿軍被圍,彭德懷不知所措,毛主席8個(gè)字扭轉(zhuǎn)戰(zhàn)局

1951年,10萬志愿軍被圍,彭德懷不知所措,毛主席8個(gè)字扭轉(zhuǎn)戰(zhàn)局

棠棣分享
2026-04-15 23:12:02
伊朗強(qiáng)援已到,特朗普沒料到,美軍出現(xiàn)“逃離潮”,中方也發(fā)話了

伊朗強(qiáng)援已到,特朗普沒料到,美軍出現(xiàn)“逃離潮”,中方也發(fā)話了

面包夾知識
2026-04-15 15:32:12
李國慶張丹紅吃剩菜還不忘開會,互相指責(zé)太真實(shí),生活習(xí)慣差異大

李國慶張丹紅吃剩菜還不忘開會,互相指責(zé)太真實(shí),生活習(xí)慣差異大

嫹筆牂牂
2026-04-15 08:01:48
蘋果新品來了,即將發(fā)布

蘋果新品來了,即將發(fā)布

果粉俱樂部
2026-04-15 13:15:03
南華寺百歲高僧:人死后基本都投身畜生道,活人進(jìn)入輪回永不超生

南華寺百歲高僧:人死后基本都投身畜生道,活人進(jìn)入輪回永不超生

紙鳶奇譚
2025-01-17 14:30:03
吳千語現(xiàn)實(shí)長什么樣?路人鏡頭才是“照妖鏡”,突然理解施伯熊了

吳千語現(xiàn)實(shí)長什么樣?路人鏡頭才是“照妖鏡”,突然理解施伯熊了

臨云史策
2026-04-15 10:51:54
以色列國防軍發(fā)表聲明

以色列國防軍發(fā)表聲明

環(huán)球時(shí)報(bào)國際
2026-04-12 14:38:22
22投狂砍45分15板14助!一人撐起全隊(duì)進(jìn)攻,這才是CBA最頂級外援

22投狂砍45分15板14助!一人撐起全隊(duì)進(jìn)攻,這才是CBA最頂級外援

老葉評球
2026-04-15 22:32:38
原來這才是普通家庭存款啊!網(wǎng)友:兩套房一輛車,無房貸車貸

原來這才是普通家庭存款?。【W(wǎng)友:兩套房一輛車,無房貸車貸

另子維愛讀史
2026-03-06 20:12:51
全線大漲!特朗普稱美國對伊朗的戰(zhàn)爭已經(jīng)結(jié)束,油價(jià)重挫

全線大漲!特朗普稱美國對伊朗的戰(zhàn)爭已經(jīng)結(jié)束,油價(jià)重挫

每日經(jīng)濟(jì)新聞
2026-04-15 10:35:26
2026-04-16 00:24:49
人人都是產(chǎn)品經(jīng)理社區(qū) incentive-icons
人人都是產(chǎn)品經(jīng)理社區(qū)
想要成為大牛先從學(xué)做產(chǎn)品開始
64631文章數(shù) 311586關(guān)注度
往期回顧 全部

科技要聞

ChatGPT十億用戶又怎樣?Anthropic直接貼臉

頭條要聞

美航母及1萬多士兵將抵中東 特朗普:戰(zhàn)爭或持續(xù)至11月

頭條要聞

美航母及1萬多士兵將抵中東 特朗普:戰(zhàn)爭或持續(xù)至11月

體育要聞

三球準(zhǔn)絕殺戴大金鏈:轟30+10自我救贖

娛樂要聞

謝娜現(xiàn)身環(huán)球影城,牽手女兒溫馨有愛

財(cái)經(jīng)要聞

業(yè)績失速的Lululemon:"健康"人設(shè)崩塌?

汽車要聞

空間絲毫不用妥協(xié) 小鵬GX首發(fā)評測

態(tài)度原創(chuàng)

旅游
健康
時(shí)尚
游戲
軍事航空

旅游要聞

美翻了!成都植物園100余種月季迎來盛花期

干細(xì)胞抗衰4大誤區(qū),90%的人都中招

赫本愛穿的傘裙,好優(yōu)雅!

母胎單身26年,但“菲比”是我的娃

軍事要聞

萬斯:對當(dāng)前美伊局勢進(jìn)展“感到樂觀”

無障礙瀏覽 進(jìn)入關(guān)懷版