用通义灵码从零打造APP的全过程分享

作者：玺哥超carry

不要划走，这是一个让普通人增加百倍竞争力的视频！

自从 2023 年 AI 火爆至今，各种文案生成、图片生成、视频生成的技术火爆全网。

其中 AI 写代码更是今天一个震惊，明天一个颠覆。但实际做出来的东西，却好像回到 80 年代，一会做一个 Flappy bird，一会做一个横版小游戏。就连网上爆火 ClouFlare 大佬的女儿半小时打字做出来的所谓手机 APP，不过是一个单机版的小应用。这些东西要么图一时新鲜，要么玩几天也就没有兴趣了。

今天，通义灵码携手科技博主@玺哥超carry 打造全网第一个完整的、面向普通人的自然语言编程教程。完全使用 AI，再配合简单易懂的方法，只要你会打字，就能真正做出一个完整的应用。

点击链接查看教程：：https://www.bilibili.com/video/BV1L8UNYBEaS/

本教程完全免费，而且为大家准备了 100 个降噪蓝牙耳机，送给前 100 个完成的粉丝。获奖的方式非常简单，只要你跟着教程完成第一课的内容就能获得。

最后再说一次，本教程完全面向毫无编程经验的人，本教程一共包含五部分，分别是：前端代码生成、搭建本机服务，后端代码生成（上），后端代码生成（下）、测试发布上线。

接下来我们马上开始本次教程，教程用到的课程包：

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写代码每次都是不同的结果，我们现在只需要学会怎么操作。后面随着课程的深入，我会教大家怎么精确控制样式。

目前重新生成的效果就是和小红书比较相似的界面了。

接下来我们重复刚才的方法，使用写好的提示词，依次生成内容页、个人主页、内容发布页，到这里我们没有写一行代码就做出了四个网页。

简单吧？这就是前端页面的第一课！快来体验！

打开你的手机，录制下你完成的代码效果，发布到你的社交媒体，前100个@玺哥超Carry、@通义灵码的粉丝，可以免费获得一个降噪蓝牙耳机。

后续我们还会陆续更新从前端页面优化、搭建本机服务、后端代码生成、测试发布上线全流程课程，跟着通义灵码一起，哪怕你没有编程基础，也能打造一款APP。