用通义灵码,从 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。

相关文章
|
13天前
|
自然语言处理 IDE 测试技术
通义灵码——有了它让我的编程效率和质量直线上升!
作为一名大数据开发工程师,我每天与代码和数据打交道,享受解决复杂问题的乐趣。最近,我遇到了一位超级“码”力助手——通义灵码。它不仅是一个简单的代码补全工具,更像是一个拥有高度智慧的编程伙伴,能够理解我的编程意图,给出最合适的建议,大大提升了我的工作效率和编程体验。本文将分享如何在VsCode中安装和使用通义灵码,以及它在我的实际编程工作中发挥的重要作用。
|
18天前
|
人工智能 自然语言处理 IDE
通义灵码让AI帮你实现自动化编程
通义灵码是由阿里云与通义实验室联合开发的智能编码辅助工具,具备行级/函数级实时续写、自然语言生成代码、单元测试生成、代码优化、注释生成、代码解释、研发智能问答及异常报错排查等功能。该工具支持200多种编程语言,兼容主流IDE,如Visual Studio Code、Visual Studio和JetBrains IDEs。通义灵码在Gartner发布的AI代码助手魔力象限中表现出色,成为唯一进入挑战者象限的中国科技公司。目前,通义灵码下载量已超过470万,每日辅助生成代码超3000万次,被开发者广泛采用。
|
19天前
|
自然语言处理 算法 开发工具
阿里云通义灵码:开启高效编程之门的神奇工具
阿里云通义灵码,基于先进的人工智能技术,为开发者提供高效、高质量的代码生成服务。它简化了软件开发流程,降低了编程门槛,使开发者能够更快捷地实现创意,无论是新手还是资深人士,皆能从中受益,享受编程的乐趣。通过阿里云平台轻松注册、安装插件,即可体验其强大的功能,开启智能化编程新时代。
|
2月前
|
前端开发 JavaScript 数据库
VSCode编程助手工程能力体验报告(一):通义灵码 - 帮你高效切入新项目、编码和提升质量
我是一位软件工程师,用通义灵码个人版vscode插件的workspace做项目分析和复盘,对比之前没有灵码,现在提效了80%,本文介绍了具体的使用流程。
|
2月前
|
人工智能 Python
AI师傅和通义灵码合作助力你学编程
湖北的一位股民通过AI学习了使用通义灵码制作股票浮动止盈点计算器,大幅提升了效率。通过描述需求、编写代码、解释代码和纠错等步骤,实现了从获取股票最高价到计算止盈价的全过程,简化了操作流程,提高了投资决策的准确性。
|
2月前
|
人工智能 运维 自然语言处理
通义灵码:体验AI编程新技能-@workspace 和 @terminal为你的编程插上一双翅膀
本文介绍了通义灵码个人版中的@workspace和@terminal功能,帮助运维工程师快速理解项目结构、实现需求和执行指令。@workspace通过RAG技术深度感知代码库,支持快速上手新项目和协助实现新需求;@terminal则提供智能指令生成和解释,提升开发效率。
243 5
835
|
2月前
|
人工智能 Java 开发者
基于通义灵码轻松进行编程 在 AI 师傅(AI-Shifu.com)学的通义灵码
作为一名Java开发者,通过使用通义灵码个人版学习Python,学习效率提升了80%。根据AI师傅平台的指导,高效利用AI辅助学习的主要步骤包括:1. 描述需求,了解所需技术;2. 细化需求描述,便于AI高效编程;3. 发送参考指令给AI;4. 执行代码测试;5. 查看代码注释;6. 优化代码。
835
60 1
|
2月前
|
自然语言处理 JavaScript 开发者
通义灵码插件:VSCode 的智能编程助手
通义灵码插件:VSCode 的智能编程助手
291 3
|
5月前
|
人工智能 IDE 程序员
一文梳理我们是如何打造出国内领先的 AI 编程助手「通义灵码」
大语言模型的革命性突破使智能编程成为了可能,通义灵码正是基于通义大模型打造的 AI 编程助手,通过 IDE 插件的形式提供代码补全、单元测试生成等功能,能达到毫秒级的响应速度。目前,通义灵码已在阿里云内部及多家企业中应用,阿里云也在探索多智能体产品,即 AI 程序员,助力数字世界的蓬勃发展,颠覆 IT 生产力。
14275 147
|
2月前
|
人工智能 搜索推荐 开发者
学习总结:我的通义灵码编程之旅
在数据驱动的时代,编程技能愈发重要。通过AI师傅的《跟 AI 学编程》课程,我深入学习了Python,并体验了通义灵码的强大功能。课程以个性化教学、实践为主、AI辅助为特色,显著提升了我的编程效率和理解力。特别是通义灵码的@workspace和@terminal功能,让我快速上手新项目,减少编码错误,整体效率提升约30%。这段经历不仅增强了我的编程技能,也展示了AI在编程领域的巨大潜力。

热门文章

最新文章

下一篇
无影云桌面