用通义灵码,从 0 开始打造一个完整APP,无需编程经验就可以完成

简介: 通义灵码携手科技博主@玺哥超carry 打造全网第一个完整的、面向普通人的自然语言编程教程。完全使用 AI,再配合简单易懂的方法,只要你会打字,就能真正做出一个完整的应用。本教程完全免费,而且为大家准备了 100 个降噪蓝牙耳机,送给前 100 个完成的粉丝。获奖的方式非常简单,只要你跟着教程完成第一课的内容就能获得。

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


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


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


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

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


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

image.png

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

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

提取码: 8f8g


接下来开始我们的应用开发!

首先我们下载 VS CODE 这个软件。软件的安装方式很简单,一直点击下一步即可。


打开安装好的 VS CODE,点击左侧的扩展里,找到插件市场搜索,在搜索框输入“TONGYI Lingma”。点击第一个搜索结果。

image.png

image.png

在右侧点击安装按钮。


安装好以后,就会在软件左侧看到通义灵码的按钮。


点击登录,选择使用手机号码登录登录,以后点击自己的头像完成个人认证。登录成功以后,在电脑的任意位置新建一个项目文件夹,把文件夹拖拽到 VS CODE 里。

image.png

如果有弹窗弹出,选择不保存,然后再点击新建文件按钮。新建一个 index.html 文件。

image.png

点击左侧图标的通义灵码按钮。


然后打开课程包。选择「01 前端代码生成」,打开「提示词」,打开「生成首页」。

image.png

打开的文件内容全部复制,粘贴发送给通义灵码,就会根据你的要求开始生成代码。


代码生成完毕以后,向上滑动滚动条,点击复制按钮。回到刚才新建的 index.html 文件,粘贴复制的代码,Ctrl+s保存。


找到 index.html 文件,双击打开,你就会看到这样的界面。

image.png

按下F12键,点击显示隐藏设备工具栏,选择一个合适的预览设备。


此时你会发现你生成的代码可能和想象的不太一样。遇到这种情况没有关系,我们只需要点击重新生成按钮即可。

image.png

因为AI写代码每次都是不同的结果,我们现在只需要学会怎么操作。后面随着课程的深入,我会教大家怎么精确控制样式。


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

image.png

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


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


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


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

相关文章
|
4月前
|
人工智能 缓存 JavaScript
通义灵码深度体验:AI编程助手如何提升全栈开发效率
通义灵码是一款强大的AI编程助手,支持从代码补全到智能体自主开发的全流程辅助。在React+Node.js项目中,其实现了100%字段匹配的Mongoose Schema生成;通过`@灵码`指令,30秒内完成天气查询CLI工具开发,包含依赖管理与文档编写。其上下文记忆能力可自动关联模块逻辑,如为商品模型扩展库存校验。集成MCP服务时,不仅生成基础代码,还推荐最佳实践并添加缓存优化。测试显示,其响应速度快、复杂任务准确率高,适合中小型项目快速迭代,初期开发效率提升约40%。尽管存在文档同步延迟和TypeScript支持不足的问题,仍是一款优秀的AI编程伙伴。
249 7
|
3月前
|
自然语言处理 Rust Java
通义灵码编程智能体深度评测(Qwen3模型+终端操作+MCP工具调用实战)
通义灵码作为阿里云推出的智能编程解决方案,凭借Qwen3模型与MCP平台的协同,在代码生成、终端操作与工具链调用方面展现强大能力。本文从真实开发场景出发,评测其在多语言代码理解、自动化工作流及复杂工程任务中的表现,结合性能与成本数据,揭示其在提升开发效率与系统集成方面的工程价值。
356 1
|
3月前
|
人工智能 IDE 搜索推荐
通义灵码2.5评测:从编程智能体到记忆感知的AI编码革命
通义灵码2.5版本更新带来了多项新功能,包括Lingma IDE的开箱即用体验、编程智能体模式实现端到端编码任务、MCP工具集成扩展AI助手能力以及Qwen3模型升级大幅提升代码生成准确性和效率。此外,新增长期记忆与上下文感知功能,使开发更个性化和高效。尽管存在一些局限性,如复杂业务逻辑仍需人工干预,但整体显著提升了开发效率。官方还提供了高质量视频课程助力用户学习。
771 10
|
3月前
|
SQL 人工智能 自然语言处理
通义灵码2.5 | 一个更懂开发者的 AI 编程助手
通义灵码2.5版是一款强大的AI编程助手,具备智能体模式,支持自主决策、环境感知与工具使用等功能。通过工程检索、文件编辑和终端操作,可端到端完成编码任务,并深度适配Qwen3模型,大幅提升开发效率。新版新增行间建议预测、上下文分析及记忆功能,更懂开发者需求。智能体结合MCP工具,能实现从代码生成到部署的全流程自动化,如文中实例展示的数独小游戏开发与在线部署。无论是日常开发还是创意实现,通义灵码都能显著提升工作效率与能力边界。
|
4月前
|
缓存 人工智能 自然语言处理
通义灵码2.5——基于编程智能体开发Wiki多功能搜索引擎
本文介绍了基于通义灵码2.5 AI编码助手开发的Wiki多功能搜索引擎系统。该系统采用Python技术栈,实现了多数据源统一搜索、异步并行查询和智能缓存等功能。通过AI辅助完成了从需求分析、架构设计到代码生成的全流程开发,显著提升了开发效率。系统采用模块化分层架构,包含数据源抽象层、搜索管理层和缓存层等核心组件,支持自然语言交互和个性化代码推荐。这一实践展示了AI与开发者深度协作的智能化开发新模式。
|
3月前
|
人工智能 自然语言处理 测试技术
🧠 用 AI 提升你的编程效率 —— 在 PyCharm 中体验通义灵码
通义灵码是一款基于大模型的智能编程辅助工具,现已上线PyCharm插件V2.5+版本。它能根据自然语言描述、注释或上下文生成高质量代码,支持多语言(Python、Java等),提供代码补全、优化建议、单元测试生成及异常排查等功能。集成魔搭MCP市场3000+服务,具备编程智能体模式与长期记忆能力,助开发者提升效率。适用初学者、资深开发者及团队协作场景。小红书、B站、抖音、微博均有相关资源分享。 小红书: http://xhslink.com/a/SvabuxSObf3db bilibili:https://b23.tv/1HJAdIx 抖音: https://v.douyin.com/1DAG
1450 4
|
4月前
|
自然语言处理 搜索推荐 开发者
通义灵码 2.5.4 版【**编程智能体**】初体验
通义灵码2.5.4版是一款强大的编程智能体工具,支持VSCode和PyCharm插件安装。其核心能力包括工程级变更、自动感知项目框架、自主使用编程工具及终端命令执行等,大幅提升开发效率。通过智能体模式,用户可轻松实现从任务描述到代码生成、修改、运行的全流程自动化。例如,输入需求即可生成Gradio应用代码并自动运行,界面美观且操作流畅。该工具紧密集成开发环境,适配个性化编程习惯,为开发者带来高效便捷的编程体验。
500 12

热门文章

最新文章