HbuilderX进行App云打包

本文总结使用HuilderX进行简单的App云打包的过程

我们使用的是Vux，它是基于WeUI和Vue(2.x)开发的移动端UI组件库，主要服务于微信页面。

1. 首先全局安装vue-cli：

npm install vue-cli -g

2. 创建vux2项目

vue init airyland/vux2 projectPath
在进行选项选择时选择y，n，n，n，命令中projectPath只需输入你创建的项目名称即可。

3. 进入项目

cd projrctPath

4. 使用淘宝镜像安装依赖

npm install --registry=https://registry.npm.taobao.org
使用淘宝镜像可以加快安装速度

5. 运行项目

npm run dev

6. 修改配置文件

config/index.js 中build:assetsPublicPath: ‘./’

7. 生成项目文件

npm run build
这时会生成一个dist文件。

8. 新建5+app项目

打开HbuilderX，点击文件，新建，项目，选择5+app，选择默认模板。

9. 拷贝dist文件

将之前生成的dist文件拷贝到新建的5+app文件中，并覆盖。

10. App打包

在HbuilderX中点击发行，选择原生App-云打包，并配置。

11. 安装App

下载打包后的apk文件发送到手机安装。

以上就是App云打包的全过程，对于App的图标名称可自行配置，实际开发中使用的是vue的语法。