不會代碼也能做產品,這是一份從0開始的Vibe Coding保姆級教程。

數字生命卡茲克
數字生命卡茲克2026年7月20日
最近,國產大模型也都起飛了。
基本都達到了半步Fable 5境界。
2.8T的Kimi K3,2.4T的Qwen 3.8 Max,而在未來,肉眼可見的,還有馬上上線的DeepSeek V4正式版,還有Seed、GLM、MiMo、LongCat等等要到來的更大規模的版本。
我覺得,這就是所有在國內,想用AI搓一個自己的產品、所有想把自己想法變成現實的人,最好的黃金歲月。
現在,你不需要捏着鼻子用海外的模型了,考慮到對面封號、考慮到魔法、考慮付費等等,你可以直起身來,用我們自己的模型,來做你自己想做的東西。
包括我自己搓的產品AIHOT,從5月發佈開始,到今天,2個多月的時間,最近一週的周活終於過了30萬,月活也正式過了60萬。
所以,我覺得今天,我也可以分享一下,作爲一個純外行,如果你想從0開始,用國產模型,徒手搓出一個完全屬於自己的產品,應該需要哪些步驟和流程,還有一些亂七八糟的坑。

先疊甲一下,下面這套流程,是我自己作爲非專業者,目前跑得比較舒服的一條路徑,主要面向完全不懂代碼、想先把第一個產品做出來的人。不同類型的產品,可以選擇不同的託管平臺,工程團隊也會有不同的開發規範。

這裏講的是一條足夠簡單、能夠從零走到正式上線的方案,完全不代表唯一的標準答案。

那,讓我們開始吧。
1. 買一個國產大模型的Coding Plan套餐。
你需要一個能幫你寫代碼的AI。
Kimi、GLM、Qwen等等都無所謂,能買到哪個就用哪個,差距沒有你想象的大。
2. 去下載各家官方的Agent編程產品。
買了Coding Plan之後,去下載各家官方的Agent編程產品。
ZCode、Qoder、Kimi Code等等,你買了哪家的Coding Plan就用哪家的,因爲未來肯定是自家的Agent更適合自家的大模型,可以提前用了。雖然現在很多的Harness還是不如Claude Code,但是我覺得會很快的補上。
3. 想好你的產品名字。
很多人覺得名字隨便起一個就行了,做完再改。
但不是這樣的,你後面所有的東西,logo、域名、備案、小程序名稱、App Store上架,全都跟名字綁定,改名的成本比你想象的大一百倍。

名字簡短、好記、最好有一點辨識度,起名的時候順便在微信搜一下公衆號、小程序有沒有同名的,在App Store和各大應用商店搜一下有沒有撞車的。
這一步花十分鐘,能省你後面很多麻煩。
4. 註冊一個域名。
名字想好的那一刻,立刻去註冊域名。
去火山引擎、騰訊雲、阿里雲啥的都可以,去域名註冊頁面,搜你想要的域名。
我自己就是在這一步喫了虧,AIHOT當時真的就是隨便取的,然後後面沒想到這玩意做起來了,結果一查,AIHOT.com這個域名,是我可能永遠都買不起的程度。。。
5. 買一臺服務器。
你的產品做出來之後,它得有一個地方運行,不能跑在你自己電腦上,你電腦一關,全世界都訪問不了了。
爲了讓整套教程擁有一條統一、直觀的路徑,所以我們下面都以以雲服務器爲例,部分靜態網站和輕量產品也可以使用Serverless、雲開發或託管平臺啥的,不一定需要自己維護服務器。
不過現在維護服務器因爲有了Agent之後,維護已經很簡單了。
買服務器這裏,推薦一下騰訊雲上的服務器,新客一般都有大優惠,一年一個輕量的可能才99或者199,輕度產品使用足夠了,不知道配置怎麼選,就直接截圖問你的AI,告訴它你想做什麼產品,讓它幫你挑。
當然,最好的方式,就是讓Agent操控你的瀏覽器,直接幫你選。
6. 同步去做ICP備案。
這一步非常重要。
在中國大陸,你的域名如果要對外提供服務,必須做ICP備案。不備案,域名解析直接被運營商攔截,用戶打不開你的網站。

在你買服務器的那個雲平臺上找到“備案”入口,按指引提交身份證、域名信息、網站名稱,然後等審覈,一般一到兩週。

一定要跟開發同步進行,別等產品做完了纔想起來備案。
如果你做的是出海產品,那就無所謂了,但出海的話記得買海外服務器,比如新加坡或者美西的節點,離你的目標用戶近一些。
7. 新建一個你的項目文件夾。

OK,準備工作全部做完了。域名有了,服務器有了,備案提交了,AI編程工具也裝好了。

現在,在你的電腦上新建一個文件夾。

就這樣。起一個跟你產品名字一樣的文件夾名,放在你喜歡的位置。

這個文件夾,就是你接下來整個產品的家,你的所有代碼、所有配置、所有文檔,都會在這個文件夾裏。

8. 在這個項目文件夾下,啓動你的Agent,開始開發。

打開你第2步裝好的Agent編程產品,把工作目錄指向你剛纔建的那個文件夾。

具體怎麼操作,每個產品不太一樣,但大致都是"選擇一個工作目錄"然後開始對話。

從這一刻開始,你的AI就駐紮在你的項目裏了,它能看到你的文件,能幫你創建新文件,能幫你寫代碼、跑代碼、調代碼。

9. 註冊一個GitHub賬號。
GitHub是全球最大的代碼託管平臺。
你的代碼不能只存在你自己電腦上,萬一硬盤壞了、電腦丟了,你什麼都沒了。

所以,可以註冊一個GitHub賬號(免費的),讓Agent幫你連接上你的GitHub賬號,然後把你的代碼推到GitHub上的一個私有倉庫裏,注意是私有倉庫,不是公開的。

整體告訴你的Agent一句話就行了。

“初始化Git倉庫,連接我的GitHub賬號,創建一個私有GitHub倉庫,並提交第一個初始版本。”

現在,你和Agent你們兩兩個的協作,正式開始。

10. 開啓Plan模式,說清楚你要做什麼。
大多數Agent編程產品都有一個Plan模式(或者叫規劃模式),用人話告訴AI你想做什麼,它會先幫你理清楚需要做哪些事情,列出一個計劃清單,別直接開始執行。
你在這一步要做的事情就是,用最簡單直白的語言,描述你的產品。
注意,不要想太多,你不需要畫原型圖,不需要寫需求文檔,不需要列所有功能,就說你最核心想要的那個東西,後面的功能可以慢慢加,但第一版可以比較簡單。
先看到那個產品出來的正反饋,比什麼都要強。
AI會根據你的描述生成一份規劃文檔,你看一下是不是你想要的方向,確認了就進入下一步。
11. 讓Agent根據Plan文檔,開始執行開發。

確認了Plan之後,告訴Agent開始執行。

它會自動創建項目結構、寫代碼、裝依賴等等,你什麼都不用管,看着它幹活就行,過程中,它做完一塊會問你要不要看看效果,或者有沒有什麼要調整的。

12. 在本地模式下驗收。

Agent開發到一定程度之後,會給你一個本地預覽地址,大概率是類似localhost:3001這種。

在瀏覽器裏打開這個地址,你就能看到你的產品長什麼樣了。

這時候不需要着急部署上線,就在這個本地環境裏,慢慢調,UI不好看就讓AI改,功能邏輯不對就讓AI修,改到你滿意爲止。

你是產品經理,AI是執行者,你覺得對就是對,你覺得不對就讓它改。

13. 使用潔癖.skill,對文檔和代碼進行規範化整理。
這是我自己做的一個Vibe Coding專用Skill,也是我如今用得最多的skill。
你在前面的開發過程中,可能跟AI聊了很多輪,改了很多東西,你的代碼和文檔大概率已經有點亂了,甚至會出現自相矛盾的情況。
這個時候,就是潔癖.skill的作用了,專門幹一件事,就是把你的項目文檔、代碼規則、AI記憶文件全部規範化整理一遍。
因爲AI的記憶是有限的,你開一輪新的對話,前面聊的很多東西它就忘了。如果沒有一份乾淨的、沒有矛盾的項目文檔在那裏兜底,AI就會開始瞎編,它忘了你之前的設計決策,忘了你的產品邏輯,然後給你寫出一坨跟之前完全矛盾的代碼。
開源地址:

https://github.com/KKKKhazix/khazix-skills/tree/main/neat-freak

跑完潔癖.skill之後,你就結束這個對話。

以後每次開新對話,AI只需要讀一遍項目裏的文檔,就能快速恢復上下文,知道你的項目是什麼狀態,接下來該幹什麼。

14. 跟Agent一起學一些專業名詞。

到這一步,你已經有了一個能跑的產品、一個乾淨的代碼倉庫、以及一套基本的版本管理流程。

你不需要懂代碼,但你需要懂一些名詞,因爲後面的流程會經常用到。

比如Git、分支、主分支(main)、PR、CI、測試流程等等。

可以直接讓Agent給你解釋。

不需要完全搞懂,但你要知道這些詞在說什麼,要不然後面用到的時候會一頭霧水,你的流程也不規範。

15. 做一個測試流程。

Agent開發非常快,所以測試反而就很重要了。

你可以直接跟你的Agent說,幫我根據我的項目搭一套完整的測試流程。

如果你有多餘的財力,可以開一個GitHub Pro會員,一個月只需要4刀。

買這個會員最核心的原因只有一個,就是它能讓你在私有倉庫裏開啓分支保護。

就是你設定好規則之後,任何人,包括你自己,都沒辦法直接往主分支上推代碼,所有的改動都必須走PR,PR必須通過CI測試,測試通過了才允許合併。

沒有分支保護的時候,你或者你的Agent隨時可能手一抖,直接把有問題的代碼推到主分支上,然後線上直接崩掉,要不然就是自己跟自己對抗,搞一套很複雜的維護腳本。

有了分支保護,這條路就被堵死了。

買完以後,可以告訴你的Agent,"我買了GitHub Pro會員,幫我開啓分支保護,再給我的項目,做好全面且規範、專業的測試流程"。

當然,不買也行,就是未來項目成熟後,你想飛速迭代,就會變得麻煩點。

16. 把項目部署到你的服務器上。

新起一個對話,把你服務器的IP地址發給Agent,告訴它"我要把這個項目部署到這臺服務器上"。

Agent會處理好一切,有問題的話,你登錄一下你雲廠商的控制檯,讓它自己操控瀏覽器去解決。

然後,你的代碼就會在你的服務器上自動地7x24小時運行了。

終於,不再是本地代碼了。

17. 把域名連到你的項目上。

告訴Agent你的域名是什麼,讓它幫你把域名指向你的服務器,然後搞個免費的證書,配好HTTPS。

這一切還是一樣,不用你管,你讓你的Agent幹就行。

做完之後,在瀏覽器裏輸入你的域名,你應該就能看到你的產品了。

是一個真實的、全世界任何人都能訪問的網址。

相信我,第一次在瀏覽器裏輸入自己的域名,看到自己搓出來的產品真的能打開,那個感覺絕對超級爽。

18. 進入無限循環的迭代流程。

上線不是終點,是起點。

從這一步開始,你的日常工作流大概率就固定了。

新建分支 → 說出你的需求 → Agent開發完成 → 跑一遍潔癖.skill統一文檔 → 提交PR過CI測試 → 合併到主分支 → 部署上線。

每一次改版、每一個新功能、每一個bug修復,都走這個循環。

這個流程看着好像很複雜,但跑兩三遍之後你就肌肉記憶了,而且這個流程最大的好處是安全,因爲你每次改動都在分支上,不會直接動主分支,改壞了就扔掉這個分支重新來,主分支上永遠是穩定能跑的版本。

也可以讓你穩定的併發同時三四個任務。

19. 可以不懂代碼,但對功能的架構必須瞭如指掌。

這一條不是某個操作步驟,是一個原則,也是我覺得整篇文章裏最重要的一段話。

你可以不會寫代碼,你可以讓AI幫你寫所有的代碼,但你必須知道,你的產品到底是怎麼運轉的。

每一個前端頁面背後對應的是哪個功能,每一個後端邏輯做了什麼事情,你的數據庫有哪些表,每張表裏存了哪些字段,這些字段是怎麼被用到的,用戶點了一個按鈕之後數據是怎麼流轉的。

這些事情你必須清楚。

因爲如果你不清楚,你就喪失了對產品的判斷力,AI跟你說我改好了,你連驗收都驗收不了。

AI給你提一個技術方案,你分不清它是在給你一個合理的建議還是在用一堆複雜的東西糊弄你。

不要讓渡自己的思考。

AI是你的執行者,但你必須是那個知道這件事應該怎麼做的人。

你可以不知道代碼怎麼寫,但你必須知道邏輯怎麼走。

我自己做AIHOT的時候,每一次跟AI討論架構方案,我都會讓它把方案解釋清楚,爲什麼用這個方案不用那個方案,好處是什麼壞處是什麼,我聽明白了,同意了,或者我認爲有更好的更適合我們的方案,纔會讓它動手。

它要求你在完全不懂技術的前提下,去理解一個技術系統的運作方式。

但這恰恰是Vibe Coding最核心的能力。

20. 最後,一定要學一些運維知識。

產品剛上線的時候,可能就幾十個人用,服務器隨便扛。

但當你的用戶慢慢多起來之後,有些事情就不一樣了。

緩存機制、防爬蟲、防DDoS、流量帶寬的費用控制,這些東西在早期你完全不用管,但用戶量過了一定級別之後,你不管它它就來幹你。

不要被人一天刷了4000塊的賬單纔想起來去學習,防範意識要趁早。

這個是一個巨坑,可以慢慢學。

我也還在學。

寫在最後

寫到這裏差不多了。

如果有任何不懂、不理解的地方,完全可以把這篇文章複製,再加上你的問題,直接問Agent。

忽然想起兩年前,你要搓一個能上線的產品,你得學編程、學框架、學運維、學數據庫,光準備和學習的工作,就能勸退99.99%的人。

現在你需要的只有三樣東西,一個想法,一個AI編程賬號,一臺幾十塊錢的服務器。

然後,就開始做。

AI會幫你解決一切。

這就是最好的。

黃金時代。

以上,既然看到這裏了,如果覺得不錯,隨手點個贊、在看、轉發三連吧,如果想第一時間收到推送,也可以給我個星標⭐~謝謝你看我的文章,我們,下次再見。

>/ 作者:卡茲克

>/ 投稿或爆料,請聯繫郵箱: [email protected]