【RISC-V 生态软件系列】 HaaS UI基础教学一：快速开始

环境准备

• Nodejs:从Nodejs官网下载最新稳定版安装,下载地址:https://nodejs.org/zh-cn/download/
  
  

• 国内可切换到淘宝npm镜像,详细使用说明:https://developer.aliyun.com/mirror/NPM
  
  

aiot-vue-cli工具安装




应用创建与初始化


aiot-cli create [name] #创建工程
cd [name]
npm install #安装依赖




应用工程文件结构


├── 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预览相关,无需修改构建命令说明

命令	说明	其他
npm run start	基于浏览器开发/调试/预览
npm run build	构建&打包	不对生成的js进行处理,打成一个开发包
npm run build:dev	构建	只生成js,不打包
npm run build:bin(可选)	构建&预编译&打包	将js预编译后打包(mac,windows)
npm run build:prod(可选)	打正式包	将js混淆后转成bin并打包(mac,windows)

模拟器




├── bin                                                        可执行程序目录
│   └── appx
└── resources                                资源目录
    ├── cfg.json                配置信息，可配置模拟器分辨率
    ├── fonts                                字体目录
    │   └── Roboto-Regular.ttf
    ├── framework                JS运行环境
    │   └── js-framework.min.bin
    ├── local_packages.json                本地预置应用的配置信息
    └── presetpkgs                                本地预置应用包
        ├── 8180000000000020.amr

• 1、./bin/appx                （运行模拟器预置的应用包）
• 2、./bin/appx {appPath} {page} (传入应用构建出来的目录绝对路径来运行，page可选)
  
  

文章转载自：平头哥芯片开放社区 作者：sucool