通義靈碼攜手科技博主@璽哥超carry 打造全網第一個完整的、面向普通人的自然語言編程教程。完全使用 AI，再配合簡單易懂的方法，只要你會打字，就能真正做出一個完整的應用。

通義靈碼攜手科技博主@璽哥超carry 打造全網第一個完整的、面向普通人的自然語言編程教程。完全使用 AI，再配合簡單易懂的方法，只要你會打字，就能真正做出一個完整的應用。

本教程完全免費，在我們首次推出的前端頁面制作視頻發布后，我們感受到了大家的熱情參與和積極互動！為了感謝大家的支持，我們不僅送出了100個藍牙耳機，還注意到了大家對于更多福利的期待。

響應大家的呼聲，我們決定帶來新一輪的驚喜——優酷視頻年卡！

我們知道，你們中的許多人不僅是技術達人，也是影視愛好者。因此，我們希望這份禮物能讓你們的休閑時光更加精彩。

?? 參與方式：

從今天（12月11日）開始，打開手機，錄制下你使用通義靈碼完成的代碼效果，發布到你的社交媒體（限小紅書、B站、抖音），前200個完成任務并 @通義靈碼 的新用戶，我們將送出優酷視頻 VIP年卡，領取方式見文末表單（禮品有限、先到先得）。

要求：通義靈碼新用戶

智能編碼，優酷相伴！

---

接下來我們開始本次教程，教程用到的課程包：

https://pan.baidu.com/s/1rUfN6Na32ocChPs5MLpi8g?pwd=8f8g

提取碼: 8f8g

接下來開始我們的應用開發！

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

在右側點擊安裝按鈕。

安裝好以后，就會在軟件左側看到通義靈碼的按鈕。

點擊登錄，選擇使用手機號碼登錄登錄，以后點擊自己的頭像完成個人認證。登錄成功以后，在電腦的任意位置新建一個項目文件夾，把文件夾拖拽到 VS CODE 里。

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

點擊左側圖標的通義靈碼按鈕。

然后打開課程包。選擇「01 前端代碼生成」，打開「提示詞」，打開「生成首頁」。

打開的文件內容全部復制，粘貼發送給通義靈碼，就會根據你的要求開始生成代碼。

代碼生成完畢以后，向上滑動滾動條，點擊復制按鈕。回到剛才新建的 index.html 文件，粘貼復制的代碼，Ctrl+s保存。

找到 index.html 文件，雙擊打開，你就會看到這樣的界面。

按下F12鍵，點擊顯示隱藏設備工具欄，選擇一個合適的預覽設備。

此時你會發現你生成的代碼可能和想象的不太一樣。遇到這種情況沒有關系，我們只需要點擊重新生成按鈕即可。

因為AI寫代碼每次都是不同的結果，我們現在只需要學會怎么操作。后面隨著課程的深入，我會教大家怎么精確控制樣式。

目前重新生成的效果就是和小紅書比較相似的界面了。

接下來我們重復剛才的方法，使用寫好的提示詞，依次生成內容頁、個人主頁、內容發布頁，到這里我們沒有寫一行代碼就做出了四個網頁。

打開手機，錄制下你用通義靈碼完成的代碼效果，發布到你的社交媒體（推薦：小紅書、B站、抖音），前200個完成任務并 @通義靈碼的新用戶，我們將送出優酷視頻 VIP年卡。

點擊鏈接，填寫表單領取優酷卡。

表單鏈接：https://survey.taobao.com/apps/zhiliao/MvrRvgaEd

更多后續關于搭建本機服務、后端服務、部署上線的課程，可以關注@璽哥超 carry、@通義靈碼的B站視頻。