我記得很久之前，我們都在講什么低代碼/無代碼平臺，這個概念很久了，但是，一直沒有很好的落地，整體的效果也不算好。

自從去年 ChatGPT 這類大模型大火以來，各大科技公司也都推出了很多 AI 代碼助手，包括國內(nèi)很多互聯(lián)網(wǎng)大廠很多程序員都開始使用 AI 來寫代碼了。但是，這些 AI 編程助手還是太專業(yè)化了，程序員使用起來很方便，但是，非程序員用起來還是很麻煩，比如：每個編程語言都有自己的 IDE ，需要搭建各種環(huán)境，這對于普通小白來講，即使有 AI 幫助，門檻相對來講還是挺高的。

其實，我就在想 AI 結(jié)合之前的低代碼平臺概念，或許真的有助于低代碼/無代碼平臺更進一步的落地，有 AI 的幫助，低代碼/無代碼實現(xiàn)或許不是夢。

最近我體驗了一下騰訊推出的「云開發(fā) Copilot」，我認(rèn)為它是目前市面上 AI + 低代碼平臺結(jié)合最好的一個工具。不管是從體驗來講，還是落地的實際使用效果來看，都非常好。

為什么說它是低代碼 + AI 結(jié)合效果最好的工具呢？因為當(dāng)你注冊賬號之后，它基于騰訊云的服務(wù)，提供了一站式的服務(wù)，幫你搭建好了云開發(fā)環(huán)境，不需要配置環(huán)境，幫你提供了云數(shù)據(jù)庫，可以做到云存儲和云函數(shù)，這些自動幫你搞定了，前端界面提供了各種組件，既可以用 AI 自然語言描述去寫界面，也滿足了你拖拽組件實現(xiàn)界面，整個過程幾乎不用寫代碼。

我給大家舉個例子。我想做一個「程序員老黃歷」的小程序，該怎么做呢？首先，登錄云開發(fā)平臺，找到可視化開發(fā)。

這里提供了很多創(chuàng)建應(yīng)用的方法，比如：

1、 空白創(chuàng)建，空白創(chuàng)建就是直接進入可視化操作界面，結(jié)合 AI 做應(yīng)用就行；

2、Excel 創(chuàng)建、數(shù)據(jù)創(chuàng)建、數(shù)據(jù)模型創(chuàng)建，這是你就你提供的數(shù)據(jù)，根據(jù)數(shù)據(jù)會自動先幫你生成界面，然后再根據(jù) AI 去修改微調(diào)成自己想要的界面。

3、從 AI 創(chuàng)建，就是輸入一個 AI 指令，幫你創(chuàng)建一個應(yīng)用，然后再去結(jié)合 AI 慢慢微調(diào)。

其實，都差不多，基于自己的需求，選擇合適的新建應(yīng)用方式。

這里我就從空白創(chuàng)建應(yīng)用了，進去之后，我再用 ?AI 指令一步一步完成我的小程序。

進入編輯之后，它會有一個默認(rèn)的布局組件，大家可以刪除沒用的，留下一個自己需要的，然后點擊，然后選擇 AI 代碼塊。這時候，就會彈出一個 AI 編輯框，輸入你的需求，它就可以幫你自動生成界面了。

比如，我的「程序員老黃歷」的需求是：

我想制作一個跟程序員有關(guān)的微信小程序，叫：程序員老黃歷。

思路是這樣的，需要展示：

宜，也就是今天宜做什么，比如，今天宜使用 IDE 編程，今天適合跳槽，今天適合擼管。

忌，就是今天不宜做什么，比如：寫代碼不適合超過 79 行，不適合打 DOTA ，不適合跳槽。

座位朝向：適合面向東方寫程序，BUG 最少。

今日宜飲：咖啡和可樂；

女神親近指數(shù)：5 顆星。

上面的內(nèi)容根據(jù)日期，需要每天變化。宜和忌做什么？你需要發(fā)揮自己的想象力，展示與程序員相關(guān)的內(nèi)容，宜和忌當(dāng)中，每天展示 3 條。

請根據(jù)我的描述，設(shè)計這個程序，并設(shè)計算法，根據(jù)日期展示上述內(nèi)容。

看看效果：

最后，根據(jù)我的描述，生成的初始界面如下：

這個頁面有個日歷組件和程序員運勢功能模塊。

通過看這兩張圖，我們就知道，在編輯界面，左邊是頁面的組織結(jié)構(gòu)，中間是可視化的界面，右邊組件、屬性以及配置信息的界面。

看懂了這些，接下來，我們就一步一步的使用自然語言描述實現(xiàn)一個美觀的「程序員老黃歷」小程序。目前這個界面很丑，對吧？也不是我們想要的效果。我想把日期選擇框隱藏，變成一個日期選擇按鈕，點擊日期選擇按鈕，彈窗出日歷選擇組件。所以，我就需要選中要修改的地方，然后點擊 AI 代碼塊，再點擊編輯 JSX 代碼。然后輸入自己的需求指令。

我的需求指令是：

去掉界面中的程序員運勢這幾個字，另外，日期的右邊增加一個日期選擇按鈕，點擊按鈕彈出日期選擇框替換到界面最上方的日期選擇框。

你看截圖，我將指令輸入到 AI 編輯框里了，點擊回車鍵，AI 就開始自動幫我寫代碼了。AI 幫我修改后的界面如下：

上邊的日期選擇框沒有了，幫我換成了一個選擇日期按鈕。這就變成我想要的界面了。AI 最聰明的地方在于什么呢？下邊的老黃歷內(nèi)容和日期選擇按鈕的 JS 代碼自動關(guān)聯(lián)，我只要選擇一個日期，下邊的內(nèi)容會跟著聯(lián)動改變。

但是，到這里，還不行，因為這里的算法有問題。比如：既然是黃歷，當(dāng)天的日期展示的黃歷內(nèi)容，不能每次點擊都變，比如：11 月 18 日，我換成 11 月 19 日，再點回到 11 月 18 日的時候，黃歷中的內(nèi)容就變化了，每次點擊隨機變化，而不是根據(jù)日期隨機變化。

大家可以跟上邊的圖片對比一下。所以，我重新寫一個 AI 指令，讓它幫我修改算法，看看它能不能做到，不是根據(jù)點擊隨機變化，而是根據(jù)日期變化內(nèi)容。

指令：這個老黃歷算法設(shè)計有問題，如果我當(dāng)天重復(fù)打開這個小程序，里面的內(nèi)容會隨機變化。要求是：當(dāng)天展示的內(nèi)容，當(dāng)天進去，應(yīng)該顯示的不變。展示的內(nèi)容，跟日期有關(guān)。

在 AI 輸入框里，我把指令輸入進去，它就開始自動幫我修改算法了。

我測試了一下，確實改好了，當(dāng)天展示的內(nèi)容，不管如何點擊，或者再點回來，內(nèi)容都是不變的。

到這里，整體的邏輯實現(xiàn)了，對吧？但是，界面不好看，我們可以讓 AI 助手，幫我們優(yōu)化一下界面。

指令：整體界面不好看，請幫我美化一下這個頁面，風(fēng)格符合程序員的特色。

當(dāng)我把指令發(fā)送給 AI 之后，看看 AI 給生成的效果，風(fēng)格很簡潔：

風(fēng)格變得是很簡約了，也還不錯，但是，我想讓把程序員老黃歷的字體變小點，放到日期的位置，而展示的日期在選擇日期按鈕上顯示。

再來一組指令：把界面最上方的程序員老黃歷放到日期的位置，而日期的展示放到選擇日期按鈕上，日期按鈕默認(rèn)展示當(dāng)天日期。

發(fā)送給 AI ，然后看效果：

就問大家好不好看吧？界面不僅簡約，配色也挺好看的，全都是 AI 完成的，我只是說符合程序員特色的，簡約點就行。

我最后，忘了，最后一個不叫代碼質(zhì)量，叫：女神親近指數(shù)，AI 一開始給我生成代碼質(zhì)量了。我讓 AI 幫我改一下。

指令：幫我把代碼質(zhì)量換成女神親近指數(shù)，同時，將圖標(biāo)也換成符合女神親近指數(shù)含義的。

看最終效果，不僅文字換了，圖標(biāo)都幫我換成了愛心形狀的，符合女神親近指數(shù)這個含義：

最后，來個動態(tài)的終極 gif 圖，展示一下小程序完成后的效果。

這么一個小程序，從設(shè)計到完成，用時只用了 15 分鐘，一行代碼都沒寫，全程都是用自然語言描述完成的，其中涉及到的 JS 代碼，包括控件和內(nèi)容之間的聯(lián)動，都是 AI 自己完成的。這對于小白來講，就很簡單了。

另外，如果你的小程序涉及到了 API ，數(shù)據(jù)的存儲和云數(shù)據(jù)庫等功能，也不用怕，其實，騰訊的這個云開發(fā) Copilot 平臺也提供了，是一站式的，也可以借助 AI 自動生成。

大家可以自己去查看文檔，體驗一下，非常簡單和方便。

到這里，是不是已經(jīng)很厲害了？但是，我感覺這并不是最牛的，最牛的地方在于它一套代碼兼容了三個平臺，既可以是小程序，還可以是手機 H5 頁面，還可以是 Web 網(wǎng)頁。

看到了嗎？三個箭頭對應(yīng)的是三個平臺，在這里點擊切換，代碼可以自動適應(yīng)成適合該平臺的布局，剛才這張圖是手機 H5 ?布局，跟小程序界面幾乎一樣。

我再切換到電腦 Web 端，一起看看效果。如下：

看到了嗎？自動變成寬屏布局了。

通過整個流程的體驗，如果你的業(yè)務(wù)不是特別復(fù)雜，完成可以使用這個云開發(fā)平臺來做，既可以做小程序，也可以做手機 H5 頁面，還可以做 Web 頁面或者一些網(wǎng)站，都能滿足你的需求。

關(guān)鍵是，在這里開發(fā)完成之后，直接點擊發(fā)布之后，就部署完成了，不需要買個服務(wù)器，把代碼打包，部署到服務(wù)器之中。這個云開發(fā)的環(huán)境都包含其中了。

就問牛不牛吧？是不是夠小白化，夠低代碼化了吧？

大家可以去體驗一下。

地址：https://docs.cloudbase.net/ai/copilot/introduce