會用AI的人，已經不需要學編程了—Vibe Coding實踐
整理版優先睇
用AI配合Vibe Coding，唔識前端都可以一個半鐘由零做到跨平台工具——門檻消失，執行力先係關鍵
呢篇文章係一位唔識前端嘅開發者（作者）分享佢點樣用AI（CodeBuddy）喺一個半鐘內由零整出一個跨平台嘅開發者工具箱（DevKit Tools），包括網站、小程序同Mac App。作者嗰晚直接打開AI，用一句話講曬需求，AI即刻幫佢規劃技術棧，全程佢基本上冇寫過代碼，只係睇住AI生成同偶爾改參數。
網站用Vercel兩分鐘部署好，Mac App用Tauri十分鐘打包完，由開始到上線總共用咗一個半鐘。作者反思：以前學React要花幾個月踩坑，而家直接問AI三句話就明。技術門檻同學習門檻都喺度消失，唯一唔會消失嘅係執行力。佢建議讀者唔好等「先學識再做」，而係直接打開AI，邊做邊學，呢種Vibe Coding嘅方式係而家最快嘅學習路徑。
整體結論係：AI降低咗編程門檻，但唔代表你唔需要思考——判斷力、品味同決策反而變得更重要。執行力先係唯一門檻，唔好怕AI，怕嘅係唔願意改變嘅人。
- 作者完全唔識前端，但用AI喺一個半鐘由零做到一個跨平台開發者工具箱（網站、小程序、Mac App），證明編程門檻已經大幅降低。
- 關鍵唔係技術能力，而係執行力：嗰晚11點大部分人在刷手機，作者打開AI直接開始做。
- 學習方式由「先睇文檔再踩坑」轉變為「直接問AI，邊做邊學」，效率大幅提升，例如三句話就明咗Vite同Webpack嘅分別。
- 技術門檻消失後，判斷力、品味同決策反而變成最珍貴嘅能力——呢啲AI俾唔到你。
- 建議讀者揾一個一直想做但「無時間學」嘅project，打開AI直接開工，邊做邊學係而家最快嘅方式。
DevKit Tools 網站
作者整嘅開發者工具箱，包含JSON格式化、時間戳轉換等四個工具，響應式，支援深淺主題同中英雙語。
GitHub 倉庫
DevKit Tools 嘅開源原始碼。
作者 Twitter
作者嘅Twitter帳號，分享更多Vibe Coding經驗。
一個半鐘由零到上線：DevKit Tools嘅誕生
作者唔識前端，但嗰晚11點打開電腦，想做個開發者工具箱。佢用AI直接開工，結果由零到上線只用咗一個半鐘，完成咗網站、小程序同Mac App三個版本。
- 21:00 - 開始，同AI講要做乜
- 21:05 - 項目結構出咗嚟
- 21:25 - 四個工具組件寫完
- 21:35 - 主題切換、語言切換搞定
- 21:50 - 推到GitHub，Vercel部署
- 22:00 - 買域名，配DNS
- 22:10 - 網站正式上線
- 22:25 - Mac App打包完成
唔識前端
一個半鐘
從零到上線
同AI傾偈式開發：一句話開場就搞掂
作者一句話講曬需求，AI即刻回應，仲主動幫佢規劃技術棧：網站用React+Vite，小程序用原生，Mac App用Tauri。佢全程基本冇寫代碼，只係改咗啲配置參數。
我： 我想做一個開發者工具箱，小程序、網站、Mac App三個版本。功能就四個：JSON格式化、時間戳轉換、Base64編碼、UUID生成。
AI： 好，我幫你規劃嚇：小程序：原生開發，手機上隨時可以用；網站：React + TypeScript + Vite，響應式；Mac App：Tauri打包，比Electron輕好多。三個平台核心邏輯可以共用。你想先做邊個？一句話說完
幫你規劃
基本冇寫代碼
Vite
Tauri
部署同打包：兩分鐘上線，十分鐘變Mac App
網站寫好之後，作者叫AI幫手部署去Vercel。AI俾咗三步驟：推code去GitHub、喺Vercel導入倉庫、自動部署。兩分鐘搞掂。之後佢仲買咗自訂域名 devkit-tools.com，喺Cloudflare配DNS，十分鐘內生效。
跟住作者想打包Mac App，AI建議用Tauri，因為比Electron輕好多。佢跟住指令裝Tauri CLI、初始化配置、構建，十分鐘後就拎到 DevKit.app。
Vercel自動識別Vite
Tauri打包幾MB
十分鐘搞掂
反思：學習方式變咗，執行力先係唯一門檻
作者以前覺得學React要花三個月先做到項目，而家直接問AI，三句話就明Vite係乜、點解用佢唔用Webpack。學習方式由「先睇文檔再踩坑」變咗做「直接問AI，邊做邊學」。
- 唔使等「先學識再做」，而家直接打開AI做你一直想做嘅project
- 邊做邊學係而家最快嘅方式
- 唔好怕AI，怕嘅應該係唔願意改變嘅人
三句話，懂了
執行力
判斷力、品味、決策
邊做邊學
我唔識前端。
但係呢個係我上星期六晚做嘅：
小程序 + 網站 + Mac App。由零到上線，一個半鐘。
上星期六夜晚十一點。
我開咗電腦，想整一個開發者工具箱。小程序、網站、Mac App，三個一齊搞。
前端呢塊我真係唔掂。CSS搞到我暈咁制，小程序從來未掂過，React都係勉強睇得明人哋寫嘅。
但嗰晚我諗：理得佢，做咗先講。
結果？
小程序 + 網站 + Mac App，由零到上線，一個半鐘。
（小程序仲審緊，網站已經可以訪問喇。）
睇嚇啲嘢先
開發者工具箱網站：https://devkit-tools.com
就係呢個。響應式嘅，可以切深淺主題，中英文都有。
順手仲打包咗一個Mac App。
一個半鐘搞掂。
講真我自己都有啲懵。
嗰晚我同AI傾咗啲乜
唔講方法論喇，直接上對話記錄。
開場白（21:00）
我： 我想整一個開發者工具箱，小程序、網站、Mac App三個版本。功能得四個：JSON格式化、時間戳轉換、Base64編碼、UUID生成。
需求一句講曬。具體到平台，具體到功能。
唔係嗰種「幫我整個工具」嘅廢話。
AI點樣答嘅
好，我幫你規劃下：
小程序：原生開發，手機上隨時用得網站：React + TypeScript + Vite，響應式Mac App：Tauri打包，比Electron輕好多
三個平台核心邏輯可以複用。先做邊個？
我話：小程序同網站一齊來，Mac App最後打包。
然後佢就開始做嘢喇。
佢做咗啲乜
小程序：
項目結構拉好咗 四個工具頁面寫完咗 tabbar導航配好咗
網站：
React項目創建好 Tailwind配置完 四個工具組件寫好 主題切換、語言切換，直接搞掂 響應式佈局都有埋
我全程基本上冇寫過code。就咁睇住佢生成，間唔中改下參數。
部署呢塊（21:50）
網站寫完咗，要上線喇。
我： 幫我部署去Vercel
AI： 好嘅。步驟：
將code推到GitHub 去Vercel導入呢個倉庫 佢會自動識別Vite項目，直接部署
我跟住做，兩分鐘就部署上去咗。Vercel俾咗一個默認域名，可以訪問。
買域名（22:00）
默認域名太樣衰，我想換個自己嘅。
我： 我想用自己的域名 devkit-tools.com
AI： 去域名註冊商買一個，例如Cloudflare或者Namecheap。買完之後：
喺Vercel項目設置入面添加自定義域名 跟住佢俾嘅DNS記錄，去域名後台配置CNAME 等幾分鐘生效
我喺Cloudflare買咗域名，配咗DNS，十分鐘搞掂。
devkit-tools.com 可以訪問喇。
打包Mac App（22:15）
我： 網站整好咗，打包成Mac App
AI： 用Tauri。比Electron細好多，打包出嚟得幾MB。
裝Tauri CLI 初始化Tauri 配置窗口大小同圖標 構建
我跟住打命令，十分鐘之後，DevKit.app 就喺文件夾入面喇。
雙擊可以行。
時間線
21:00 - 開始，告訴AI要做啥
21:05 - 項目結構出來了
21:25 - 四個工具組件寫完
21:35 - 主題切換、語言切換搞定
21:50 - 推到GitHub，Vercel部署
22:00 - 買域名，配DNS
22:10 - 網站正式上線
22:25 - Mac App打包完成
22:30 - 收工
由零到上線，一個半鐘。
呢件事令我諗通咗幾件事
學習方式變咗
以前想學React：
睇文檔 → 睇視頻 → 寫demo → 踩坑 → 查Stack Overflow → 再踩坑 → 三個月之後勉強做到項目
而家呢？
直接話俾AI知要做乜，跟住做。唔識就問。
嗰日我問咗一句：
我： Vite係乜？點解用佢唔用Webpack？
AI： 新一代構建工具。開發時啓動秒級，打包更快更細。Webpack大項目啓動要等半日，Vite基本上冇感覺。
三句說話，明咗。
以前呢個問題，我要睇三篇文章先至搞得明。
門檻確實喺度消失緊
一年前叫我整個響應式網站？「要學一下」，然後拖三個月。
而家，一個鐘。
唔係我突然變勁咗。係工具變咗。
執行力變成唯一嘅門檻
嗰晚十一點，大部分人喺度碌手機。
我開咗AI，開始做。
技術唔係問題。知識唔係問題。
做唔做，先至係問題。
幾個你可能想問嘅
Q：用嘅係咩AI？
CodeBuddy，騰訊雲嘅。嗰晚全程同佢傾。
Q：真係一行code都冇寫？
基本上冇寫。改咗啲配置，調咗啲樣式參數。核心邏輯都係佢生成嘅。
Q：而家產品係點樣？
四個工具：
JSON格式化/壓縮/校驗 時間戳轉換 Base64/URL/Unicode編碼轉換 UUID生成器
響應式、深淺主題、中英雙語（根據IP自動切換），應有盡有。
最後
AI唔係來搶你飯碗嘅。
AI係來幫你做嘢嘅。
但前提係——你要知道自己要做乜。
技術門檻喺度消失緊。學習門檻喺度消失緊。執行門檻喺度消失緊。
唯一唔會消失嘅，係你嘅判斷力、你嘅品味、你嘅決策。
呢啲嘢，AI冇。
所以咪驚AI。驚嘅應該係啲唔願意改變嘅人。
而家輪到你喇。
揾一個你一直想做但「冇時間學」嘅嘢。開咗AI。話俾佢知你要做乜。跟住佢行。
唔好諗「先學識再做」。
邊做邊學。呢個係而家最快嘅方法。
產品地址： https://devkit-tools.com
GitHub： https://github.com/mhearttzw
Twitter： https://x.com/realDanRoe
覺得有啲意思？轉俾一個仲喺度諗緊用唔用AI嘅朋友。
我不會前端。
但這是我上週六晚上做的：
小程序 + 網站 + Mac App。從零到上線，一個半小時。
上週六晚上11點。
我打開電腦，想做個開發者工具箱。小程序、網站、Mac App，三個一起搞。
前端這塊我是真不行。CSS能把我搞崩潰，小程序從來沒碰過，React也就勉強能看懂別人寫的。
但那天晚上我想：管它呢，先幹了再說。
結果？
小程序 + 網站 + Mac App，從零到上線，一個半小時。
（小程序還在審核，網站已經能訪問了。）
先看東西
開發者工具箱網站：https://devkit-tools.com
就這個。響應式的，能切深淺主題，中英文都有。
順手還打包了個Mac App。
一個半小時搞定。
說實話我自己都有點懵。
那天晚上我跟AI聊了啥
不講方法論了，直接上對話記錄。
開場白（21:00）
我： 我想做一個開發者工具箱，小程序、網站、Mac App三個版本。功能就四個：JSON格式化、時間戳轉換、Base64編碼、UUID生成。
需求一句話說完。具體到平台，具體到功能。
不是那種"幫我做個工具"的廢話。
AI怎麼回的
行，我幫你規劃下：
小程序：原生開發，手機上隨時能用網站：React + TypeScript + Vite，響應式Mac App：Tauri打包，比Electron輕很多
三個平台核心邏輯能複用。先做哪個？
我說：小程序和網站一起來，Mac App最後打包。
然後它就開始幹活了。
它幹了些啥
小程序：
項目結構拉好了 四個工具頁面寫完了 tabbar導航配好了
網站：
React項目創建好 Tailwind配置完 四個工具組件寫好 主題切換、語言切換，直接搞定 響應式佈局也有了
我全程基本沒寫代碼。就看着它生成，偶爾改改參數。
部署這塊（21:50）
網站寫完了，得上線啊。
我： 幫我部署到Vercel
AI： 好的。步驟：
把代碼推到GitHub 去Vercel導入這個倉庫 它會自動識別Vite項目，直接部署
我照着做，兩分鐘就部署上去了。Vercel給了個默認域名，能訪問。
買域名（22:00）
默認域名太醜了，我想換個自己的。
我： 我想用自己的域名 devkit-tools.com
AI： 去域名註冊商買一個，比如Cloudflare或者Namecheap。買完之後：
在Vercel項目設置裏添加自定義域名 按它給的DNS記錄，去域名後台配置CNAME 等幾分鐘生效
我在Cloudflare買了域名，配了DNS，十分鐘搞定。
devkit-tools.com 能訪問了。
打包Mac App（22:15）
我： 網站好了，打包成Mac App
AI： 用Tauri。比Electron小太多，打包出來就幾MB。
裝Tauri CLI 初始化Tauri 配置窗口大小和圖標 構建
我跟着敲命令，十分鐘後，DevKit.app 就躺在文件夾裏了。
雙擊能跑。
時間線
21:00 - 開始，告訴AI要做啥
21:05 - 項目結構出來了
21:25 - 四個工具組件寫完
21:35 - 主題切換、語言切換搞定
21:50 - 推到GitHub，Vercel部署
22:00 - 買域名，配DNS
22:10 - 網站正式上線
22:25 - Mac App打包完成
22:30 - 收工
從零到上線，一個半小時。
這事兒讓我想明白幾件事
學習方式變了
以前想學React：
看文檔 → 看視頻 → 寫demo → 踩坑 → 查Stack Overflow → 再踩坑 → 三個月後勉強能做項目
現在呢？
直接告訴AI要做什麼，跟着做。不懂就問。
那天我問了一句：
我： Vite是啥？為啥用它不用Webpack？
AI： 新一代構建工具。開發時啓動秒級，打包更快更小。Webpack大項目啓動要等半天，Vite基本沒感覺。
三句話，懂了。
以前這問題，我得看仨文章才能搞明白。
門檻確實在消失
一年前讓我做個響應式網站？"得學一下"，然後拖三個月。
現在，一小時。
不是我突然變牛了。是工具變了。
執行力成了唯一的門檻
那天晚上11點，大部分人在刷手機。
我打開AI，開始做。
技術不是問題。知識不是問題。
做不做，才是問題。
幾個你可能想問的
Q：用的什麼AI？
CodeBuddy，騰訊雲的。那天晚上全程跟它聊。
Q：真一行代碼沒寫？
基本沒寫。改了點配置，調了點樣式參數。核心邏輯都是它生成的。
Q：現在產品啥樣？
四個工具：
JSON格式化/壓縮/校驗 時間戳轉換 Base64/URL/Unicode編碼轉換 UUID生成器
響應式、深淺主題、中英雙語（根據IP自動切換），該有的都有。
最後
AI不是來搶你飯碗的。
AI是來幫你幹活的。
但前提是——你得知道自己要幹什麼。
技術門檻在消失。學習門檻在消失。執行門檻在消失。
唯一不會消失的，是你的判斷力、你的品味、你的決策。
這些東西，AI沒有。
所以別怕AI。怕的應該是那些不願意改變的人。
現在輪到你了。
找一個你一直想做但"沒時間學"的東西。打開AI。告訴它你要做什麼。跟着它走。
別想"先學會再做"。
邊做邊學。這是現在最快的方式。
產品地址： https://devkit-tools.com
GitHub： https://github.com/mhearttzw
Twitter： https://x.com/realDanRoe
覺得有點意思？轉給一個還在猶豫要不要用AI的朋友。