用通義靈碼,從 0 開始打造一個完整APP,無需編程經(jīng)驗就可以完成
作者:璽哥超carry
不要劃走,這是一個讓普通人增加百倍競爭力的視頻!
自從 2023 年 AI 火爆至今,各種文案生成、圖片生成、視頻生成的技術(shù)火爆全網(wǎng)。
其中 AI 寫代碼更是今天一個震驚,明天一個顛覆。但實際做出來的東西,卻好像回到 80 年代,一會做一個 Flappy bird,一會做一個橫版小游戲。就連網(wǎng)上爆火 ClouFlare 大佬的女兒半小時打字做出來的所謂手機 APP,不過是一個單機版的小應(yīng)用。這些東西要么圖一時新鮮,要么玩幾天也就沒有興趣了。
今天,通義靈碼攜手科技博主@璽哥超carry 打造全網(wǎng)第一個完整的、面向普通人的自然語言編程教程。完全使用 AI,再配合簡單易懂的方法,只要你會打字,就能真正做出一個完整的應(yīng)用。
點擊鏈接查看教程:https://www.bilibili.com/video/BV1L8UNYBEaS/
本教程完全免費,而且為大家準備了 100 個降噪藍牙耳機,送給前 100 個完成的粉絲。 獲獎的方式非常簡單,只要你跟著教程完成第一課的內(nèi)容就能獲得。
最后再說一次,本教程完全面向毫無編程經(jīng)驗的人,本教程一共包含五部分,分別是:前端代碼生成、搭建本機服務(wù),后端代碼生成(上),后端代碼生成(下)、測試發(fā)布上線。

接下來我們馬上開始本次教程,教程用到的課程包:
https://pan.baidu.com/s/1rUfN6Na32ocChPs5MLpi8g?pwd=8f8g
提取碼: 8f8g
接下來開始我們的應(yīng)用開發(fā)!

首先我們下載 VS CODE 這個軟件。軟件的安裝方式很簡單,一直點擊下一步即可。打開安裝好的 VS CODE,點擊左側(cè)的擴展里,找到插件市場搜索,在搜索框輸入“TONGYI Lingma”。點擊第一個搜索結(jié)果。


在右側(cè)點擊安裝按鈕。

安裝好以后,就會在軟件左側(cè)看到通義靈碼的按鈕。
點擊登錄,選擇使用手機號碼登錄登錄,以后點擊自己的頭像完成個人認證。登錄成功以后,在電腦的任意位置新建一個項目文件夾,把文件夾拖拽到 VS CODE 里。

如果有彈窗彈出,選擇不保存,然后再點擊新建文件按鈕。新建一個 index.html 文件。

點擊左側(cè)圖標的通義靈碼按鈕。
然后打開課程包。選擇「01 前端代碼生成」,打開「提示詞」,打開「生成首頁」。

打開的文件內(nèi)容全部復(fù)制,粘貼發(fā)送給通義靈碼,就會根據(jù)你的要求開始生成代碼。
代碼生成完畢以后,向上滑動滾動條,點擊復(fù)制按鈕?;氐絼偛判陆ǖ?index.html 文件,粘貼復(fù)制的代碼,Ctrl+s保存。
找到 index.html 文件,雙擊打開,你就會看到這樣的界面。

按下F12鍵,點擊顯示隱藏設(shè)備工具欄,選擇一個合適的預(yù)覽設(shè)備。
此時你會發(fā)現(xiàn)你生成的代碼可能和想象的不太一樣。遇到這種情況沒有關(guān)系,我們只需要點擊重新生成按鈕即可。

因為AI寫代碼每次都是不同的結(jié)果,我們現(xiàn)在只需要學(xué)會怎么操作。后面隨著課程的深入,我會教大家怎么精確控制樣式。
目前重新生成的效果就是和小紅書比較相似的界面了。

接下來我們重復(fù)剛才的方法,使用寫好的提示詞,依次生成內(nèi)容頁、個人主頁、內(nèi)容發(fā)布頁,到這里我們沒有寫一行代碼就做出了四個網(wǎng)頁。
簡單吧?這就是前端頁面的第一課!快來體驗!
打開你的手機,錄制下你完成的代碼效果,發(fā)布到你的社交媒體,前100個@璽哥超Carry、@通義靈碼的粉絲,可以免費獲得一個降噪藍牙耳機。后續(xù)我們還會陸續(xù)更新從前端頁面優(yōu)化、搭建本機服務(wù)、后端代碼生成、測試發(fā)布上線全流程課程,跟著通義靈碼一起,哪怕你沒有編程基礎(chǔ),也能打造一款A(yù)PP。

浙公網(wǎng)安備 33010602011771號