先疊甲一下,下面這套流程,是我自己作爲非專業者,目前跑得比較舒服的一條路徑,主要面向完全不懂代碼、想先把第一個產品做出來的人。不同類型的產品,可以選擇不同的託管平臺,工程團隊也會有不同的開發規範。
這裏講的是一條足夠簡單、能夠從零走到正式上線的方案,完全不代表唯一的標準答案。
名字簡短、好記、最好有一點辨識度,起名的時候順便在微信搜一下公衆號、小程序有沒有同名的,在App Store和各大應用商店搜一下有沒有撞車的。
在你買服務器的那個雲平臺上找到“備案”入口,按指引提交身份證、域名信息、網站名稱,然後等審覈,一般一到兩週。
OK,準備工作全部做完了。域名有了,服務器有了,備案提交了,AI編程工具也裝好了。
現在,在你的電腦上新建一個文件夾。
就這樣。起一個跟你產品名字一樣的文件夾名,放在你喜歡的位置。
這個文件夾,就是你接下來整個產品的家,你的所有代碼、所有配置、所有文檔,都會在這個文件夾裏。
打開你第2步裝好的Agent編程產品,把工作目錄指向你剛纔建的那個文件夾。
具體怎麼操作,每個產品不太一樣,但大致都是"選擇一個工作目錄"然後開始對話。
從這一刻開始,你的AI就駐紮在你的項目裏了,它能看到你的文件,能幫你創建新文件,能幫你寫代碼、跑代碼、調代碼。
所以,可以註冊一個GitHub賬號(免費的),讓Agent幫你連接上你的GitHub賬號,然後把你的代碼推到GitHub上的一個私有倉庫裏,注意是私有倉庫,不是公開的。
整體告訴你的Agent一句話就行了。
“初始化Git倉庫,連接我的GitHub賬號,創建一個私有GitHub倉庫,並提交第一個初始版本。”
現在,你和Agent你們兩兩個的協作,正式開始。
確認了Plan之後,告訴Agent開始執行。
它會自動創建項目結構、寫代碼、裝依賴等等,你什麼都不用管,看着它幹活就行,過程中,它做完一塊會問你要不要看看效果,或者有沒有什麼要調整的。
Agent開發到一定程度之後,會給你一個本地預覽地址,大概率是類似localhost:3001這種。
在瀏覽器裏打開這個地址,你就能看到你的產品長什麼樣了。
這時候不需要着急部署上線,就在這個本地環境裏,慢慢調,UI不好看就讓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]