通义灵码携手科技博主@玺哥超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站视频。
