完善资料让更多小伙伴认识你,还能领取20积分哦, 立即完善>
环境准备
检查安装是否成功:node -v 显示版本号即成功.
sudo npm install -g cnpm --registry=https://registry.npm.taobao.org aiot-vue-cli工具安装 aiot-vue-cli是一个npm模块,用于HaaS UI应用开发的工具,包括初始化,构建,预编译等功能.同时正在开发中的HaaS UI模拟器未来也会集成进这个工具. 安装命令:sudo npm install aiot-vue-cli -g 应用创建与初始化 应用可通过以下命令创建与初始化: aiot-cli create [name] #创建工程 cd [name] npm install #安装依赖 注意:如果出现如下npm更新提示,请暂时不要更新.否则会导致版本兼容问题. 好了现在我们已经创建好了一个Haas UI应用,并且安装好了依赖.我们可以通过命令npm run start在浏览器上对应用进行预览.新创建的应用带有两个页面和一个组件,可以在web预览中看到如下界面: 应用工程文件结构 完整的工程文件结构.工程代码存放于src/目录下.各目录和文件说明如下: ├── configs 打包和和预览相关配置信息,应用开发时一般不需要修改 ├── package.json 项目描述和依赖 ├── src 源码目录 │ ├── app.json 应用描述信息 │ ├── app.js 应用入口,应用生命周期回调处理 │ ├── bootstrap.web.js web预览时的入口,不要修改 │ ├── components 组件目录,可自定义 │ │ └── HelloWorld.vue //组件文件 │ ├── images 图片目录,可自定义 │ │ └── image1.png 图片文件 │ └── pages 页面目录,可自定义 │ ├── index │ │ ├── index.js //页面生命周期文件 │ │ └── index.vue //页面根组件 │ └── page │ └── page.vue //页面根组件 ├── web web预览相关资源,开发中无需修改 └── webpack.config.js web预览相关,无需修改构建命令说明
以上就是快速创建一个Haas UI应用的步骤.目前可基于web开发,然后通过build命令构建应用包(amr后缀文件),拷贝到Haas板子上对应目录执行即可看到前面web中显示的效果. 模拟器 HaaS UI提供了Mac和Windows上的模拟器,可以用于没有设备时,快速验证开发页面。 模拟器后续会提供专门的下载地址,目前需要加入技术支持群获取(通过文章结尾扫二维码加入) 模拟器目录结构说明(Mac环境,Windows下类似): ├── bin 可执行程序目录 │ └── appx └── resources 资源目录 ├── cfg.json 配置信息,可配置模拟器分辨率 ├── fonts 字体目录 │ └── Roboto-Regular.ttf ├── framework JS运行环境 │ └── js-framework.min.bin ├── local_packages.json 本地预置应用的配置信息 └── presetpkgs 本地预置应用包 ├── 8180000000000020.amr 运行模拟器需要先cd到模拟器所在路径,再执行./bin/appx,(因为模拟器是根据相对路径来加载资源目录的) 运行方法:
示例效果:./bin/appx {工程构建的绝对路径}/.falcon_/index 实际运行效果如下: 文章转载自:平头哥芯片开放社区 作者:sucool |
||
相关推荐
|
||
只有小组成员才能发言,加入小组>>
【平头哥Sipeed LicheeRV 86开发板试用体验】Waft初体验
15375 浏览 1 评论
13407 浏览 4 评论
【平头哥Sipeed LicheeRV 86开发板试用体验】四、烧写waft系统&搭建waft测试环境
19384 浏览 2 评论
58402 浏览 19 评论
【限时福利】加入芯片开发社区,领100G电子工程师资料大礼包
85494 浏览 120 评论
【平头哥Sipeed LicheeRV 86开发板试用体验】SDK下载及交叉编译
6301浏览 1评论
【平头哥Sipeed LicheeRV 86开发板试用体验】Waft初体验
15375浏览 1评论
【平头哥Sipeed LicheeRV 86开发板试用体验】开箱和试运行2
4453浏览 1评论
RVB2601 Gravity扩展板上线啦!!!全IO引脚扩展支持,专为RVB2601定制
1662浏览 0评论
【平头哥Sipeed LicheeRV 86开发板试用体验】lvgl初体验
4110浏览 0评论
小黑屋| 手机版| Archiver| 电子发烧友 ( 湘ICP备2023018690号 )
GMT+8, 2024-4-18 18:42 , Processed in 0.570235 second(s), Total 66, Slave 53 queries .
Powered by 电子发烧友网
© 2015 bbs.elecfans.com
关注我们的微信
下载发烧友APP
电子发烧友观察
版权所有 © 湖南华秋数字科技有限公司
电子发烧友 (电路图) 湘公网安备 43011202000918 号 电信与信息服务业务经营许可证:合字B2-20210191 工商网监 湘ICP备2023018690号