通义灵码携手科技博主@玺哥超carry 打造全网第一个完整的、面向普通人的自然语言编程教程。完全使用 AI,再配合简单易懂的方法,只要你会打字,就能真正做出一个完整的应用。
本教程完全免费,而且为大家准备了 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。