100个降噪蓝牙耳机免费领,用通义灵码从 0 开始打造一个完整APP

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

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

在右侧点击安装按钮。

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。

相关文章
|
6月前
|
人工智能 前端开发 JavaScript
最佳实践3:用通义灵码开发一款 App
本示例演示使用通义灵码,基于React Native与Node.js开发跨平台类通义App,重点展示iOS端实现。涵盖前端页面生成、后端代码库自动生成、RTK Query通信集成及Qwen API调用全过程,体现灵码在全栈开发中的高效能力。(238字)
724 11
|
人工智能 自然语言处理 芯片
上千人挑战,用通义灵码从 0 开始打造一款 App 爆火 | 第二课:搭建本机服务
通义灵码携手科技博主@玺哥超carry 打造全网第一个完整的、面向普通人的自然语言编程教程。完全使用 AI,再配合简单易懂的方法,只要你会打字,就能真正做出一个完整的应用。
1440 9
|
人工智能 自然语言处理
完成 100个降噪蓝牙耳机免费领,用通义灵码从 0 开始打造一个完整APP
通义灵码 打造全网第一个完整的、面向普通人的自然语言编程教程。完全使用 AI,再配合简单易懂的方法,只要你会打字,就能真正做出一个完整的应用。
280 2
完成 100个降噪蓝牙耳机免费领,用通义灵码从 0 开始打造一个完整APP
完成 100个降噪蓝牙耳机免费领,用通义灵码从 0 开始打造一个完整APP @玺哥超Carry @通义灵码
|
6月前
|
缓存 移动开发 JavaScript
如何优化UniApp开发的App的启动速度?
如何优化UniApp开发的App的启动速度?
1104 139
|
6月前
|
移动开发 JavaScript weex
UniApp开发的App在启动速度方面有哪些优势和劣势?
UniApp开发的App在启动速度方面有哪些优势和劣势?
524 137
|
6月前
|
数据采集 JavaScript 前端开发
开发比分App?你缺的不是程序员
开发体育比分App,关键不在代码,而在懂体育、懂数据、懂用户。明确定位、理清需求、选好数据源,再找专业的产品、数据与技术人才协同,才能少走弯路。程序员最后入场,效率最高。
335 154
|
7月前
|
移动开发 小程序 Android开发
基于 uni-app 开发的废品回收类多端应用功能与界面说明
本文将对一款基于 uni-app 开发的废品回收类多端应用,从多端支持范围、核心功能模块及部分界面展示进行客观说明,相关资源信息也将一并呈现。
238 0
|
9月前
|
Rust 安全 前端开发
Github 轻松斩获30k+ Star,桌面应用开发太丝滑啦,Tauri框架能重塑桌面App开发?别错过,抓紧上车
Tauri 是一个基于 Rust 的开源框架,用于构建轻量级、高性能、安全的跨平台桌面及移动应用。它利用系统 WebView 渲染前端界面,后端由 Rust 编写,具备出色的性能和安全性。相比 Electron,Tauri 应用体积更小、启动更快,且默认权限更安全。它支持 React、Vue、Svelte 等主流前端框架,并提供自动更新、CLI 工具链、资源注入优化等功能,适用于生产力工具、开发者工具、数据分析、AI 应用等多种场景。目前 Tauri 在 GitHub 上已获得超过 30,000 Star,社区活跃,是现代桌面应用开发的理想选择。
1155 0