本文总结使用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
文件发送到手机安装。