HbuilderX进行App云打包

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

我们使用的是Vux,它是基于WeUIVue(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文件发送到手机安装。

扫描二维码关注公众号,回复: 9648544 查看本文章

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

发布了16 篇原创文章 · 获赞 1 · 访问量 178

猜你喜欢

转载自blog.csdn.net/october_autumn/article/details/104694882