ChatGPT這個轟動全球的產品自問世以來，已經過了將近2年的時間，各行各業的精英們如火如荼的將AI能力應用到自己生產的產品中來。

為分擔人類的部分工作，AI還具有非常大的想象空間，例如對于一個程序員來說，使用AI生成快速生成自己的小程序，相信在AI能力與開發工具融合從可用性到易用性普及以后，會變成一個“習以為?！钡牟僮鳌?/p>

App or 小程序？

在APP開發與小程序開發技術路徑之間，本人選擇了輕應用的技術開發路線，主要是相信“效率為王”，高產才能給自己賺取更高的收益。

好了，選定方向以后，接下來就是技能的學習和深入。AI的效率之高和學習成本之低，在技能深耕讓我想到了是否能借助AI做更多的嘗試，比如零基礎開發一個頁面，甚至一個小程序？

說干就干，開始著手進行準備工作：開發什么應用好呢？要不就一個簡單的電商小程序吧。

一、準備工作

最開始的開始，我們先要找一個開發工具，既能幫助我們可視化的開發小程序的，又有可以接收prompt的AI能力。找度娘搜索了下，發現一款產品：FinClip(finclip.com)的開發者工具（FinClip IDE）。

二、生成小程序

首先，隨意輸入一句話的提示詞：

「創建一個product頁面，每個product項有名稱描述和單價」，看看能得出怎樣的結果。

結果還是比較讓人意外的，只是簡單的prompt，就能得到下圖的頁面布局和結構，看來FinClip這個產品設計者也是很用心的，非常懂開發者的“痛”。

正所謂一個好的電影，70%都要靠導演和編導的構思，一個好的應用程序也不例外，如果要利用好AI能力，就需要有更詳細的prompt規劃，例如一些結構（如下），大家感興趣的可以多嘗試下：

內容（什么類型的小程序）：XXXXXXX布局（小程序的主要頁面都有什么，按鈕、圖片之類的）：XXXXXX交互（頁面上用戶的使用操作）：XXXXXXX

如果prompt出來的效果并不能一次性的調整到位，FinClip(finclip.com)的這個開發者工具還能局部修改頁面代碼，加上小程序頁面的實時預覽功能，就能夠讓一個開發小白盡可能的在成本輸出之前進行多次調整，不得不說還是非常方便的。

其他有趣的功能，就是對于一個小程序開發小白來說，很有可能就連小程序開發語法和技術都不熟練，如何能夠基于產品已有的開發文檔，更便捷的進行知識提取，FinClip也通過一個AI agent連通了自有的小程序開發的知識連起來，讓使用的開發者能夠更好的對開發知識進行檢索。

三、小結

從idea到上線，只花了2個小時，整個流程中，除了手動調整樣式的數值，沒有寫一行代碼，全部由AI能力，結合prompt幫助我完成。

這只是一次很淺層的探索案例，對我個人來說只是在小程序技能深入學習前的一個小實踐，很有可能，對于熟練的前端開發來說可能就是一個小時工作量，但在這里分享的目的，是為了分享下所謂的擁抱新技術所帶來的好處，與此同時，也是給大家帶來一點小焦慮，正所謂“不進則退”，很多經驗可能自己埋頭積累并不能獲得質的飛躍，最終可能自己是個"井底之蛙"，花大力氣卻換來了小驚喜，還不如擁抱變化，使用新技術快速提升自己的工作技能。

共勉。返回搜狐，查看更多

責任編輯：