米环8P教程 小米Vela平台快应用开发指南（适用于8Pro、S3、红米手表4等）

[GiveMeFive]

本教程适用于想要自己开发小米Vela快应用的米粉。此教程适用于有一定的html、css、js基础，动手能力比较强的小伙伴。此教程适用于8Pro、S3、红米手表4或者后续其他vela平台的设备。

快应用开发官方文档地址： https://iot.mi.com/vela/quickapp/
以下是自己梳理的一些介绍
1. 搭建开发环境并初始化项目，项目打包教程：https://iot.mi.com/vela/quickapp/zh/content/guide/start/quick-start.html
2. 页面UI编写示例：https://iot.mi.com/vela/quickapp/zh/content/guide/start/user-interface.html
3. 添加交互逻辑示例：https://iot.mi.com/vela/quickapp/zh/content/guide/start/add-interactivity.html
4. 快应用调试：推荐使用官方的模拟器进行调试，教程参考下面网址中的编译预览 https://iot.mi.com/vela/quickapp/zh/content/guide/start/quick-start.html
5. 快应用实机安装调试：使用表盘自定义工具安装或者debug模块安装

开发建议：
1. 先从头到尾看一遍官方文档，知道提供哪些能力。然后参考快速入门进行上手。
2. 页面UI、绑定、事件处理等类似于Vue
3. 开发环境和第一个项目初始化稍微比较复杂，后面再开发就复制一份改改就行了
4. 部分设备的部分API用不了，比如8Pro无法使用网络请求。

 

[我吃柚子]

谢谢，很棒的教程

 

[菲拉斯]

windows前来支持

 

[赵金然]

。

 

[ddsrobot]

这个不错！

 

[laoo]

给大大提供2点建议哈：
1.加上IDE链接，因为目前IDE已支持Windows、Ubuntu、MacOS的编译、打包、模拟器运行，这样能吸引更多开发者进来，链接如下（提取码 cv32）

小米企业网盘 -- 分享文件

kpan.mioffice.cn

浏览附件23207

浏览附件23208

2.您可不可以把这个帖子也复制到红米手表4呢，那边也很需要快应用的开发指导

貌似链接挂了

 

[15507700062]

请问大佬，我看你的说明 8pro无法直接访问互联网，有没有其他的方案可以获取接口数据。

 

[伊地什么虹夏]

本教程适用于想要自己开发小米Vela快应用的米粉。此教程适用于有一定的html、css、js基础，动手能力比较强的小伙伴。此教程适用于8Pro、S3、红米手表4或者后续其他vela平台的设备。

快应用开发官方文档地址： https://iot.mi.com/vela/quickapp/zh/content/intro.html
以下是自己梳理的一些介绍
1. 搭建开发环境并初始化项目，项目打包教程：https://iot.mi.com/vela/quickapp/zh/content/guide/start/quick-start.html
2. 页面UI编写示例：https://iot.mi.com/vela/quickapp/zh/content/guide/start/user-interface.html
3. 添加交互逻辑示例：https://iot.mi.com/vela/quickapp/zh/content/guide/start/add-interactivity.html
4. 快应用调试：推荐使用官方的模拟器进行调试，教程参考下面网址中的编译预览 https://iot.mi.com/vela/quickapp/zh/content/guide/start/quick-start.html
5. 快应用实机安装调试：使用表盘自定义工具安装或者debug模块安装

开发建议：
1. 先从头到尾看一遍官方文档，知道提供哪些能力。然后参考快速入门进行上手。
2. 页面UI、绑定、事件处理等类似于Vue
3. 开发环境和第一个项目初始化稍微比较复杂，后面再开发就复制一份改改就行了
4. 部分设备的部分API用不了，比如8Pro无法使用网络请求。

可以把7的应用移植到8pro吗

 

[2minRain]

给大大提供2点建议哈：
1.加上IDE链接，因为目前IDE已支持Windows、Ubuntu、MacOS的编译、打包、模拟器运行，这样能吸引更多开发者进来，链接如下（提取码 cv32）

小米企业网盘 -- 分享文件

kpan.mioffice.cn

浏览附件23207

浏览附件23208

2.您可不可以把这个帖子也复制到红米手表4呢，那边也很需要快应用的开发指导

win版下不了了qaq

 

[背对疾风吧]

win版下不了了qaq

过期了，没办法，这是小米官方分享的，我也是偶尔在插件里发现的

 

[背对疾风吧]

win版下不了了qaq

刚打开，发现开发插件更新了，里面也贴上了新的分享链接：
https://kpan.mioffice.cn/webfolder/ext/iYJr4hwMLio@?n=0.9540765531536342 密码：RS85

 

[2minRain]

过期了，没办法，这是小米官方分享的，我也是偶尔在插件里发现的

刚打开，发现开发插件更新了，里面也贴上了新的分享链接：
https://kpan.mioffice.cn/webfolder/ext/iYJr4hwMLio@?n=0.9540765531536342 密码：RS85

我尝试一下移植到其他Linux(doge

 

[正正得负]

我尝试一下移植到其他Linux(doge

o

 

[大锅菜]

跟vue语法差不多，等我近期买了8pro，也搞个项目玩玩

 

[止哈哈哈哈]

高德地图

 

[止哈哈哈哈]

支持

 

[Anya1014]

win版下不了了qaq

小米最新的链接在这里 https://iot.mi.com/vela/quickapp/zh/content/guide/start/use-ide.html

 

[小荒皇]

。

 

[VND]

貌似链接挂了

1

 

[tianxiang]

问问能不能使用第三方组件库或者css框架（tailwindcss之类的）www喵