hbuilder怎么创建vue文件,hbuilderx可以写vue吗

　　本文主要介绍如何使用HBuilderX将vue项目打包成apk，有很好的参考价值。希望对大家有帮助。如有错误或不足之处，请不吝赐教。

　　 1.下载HBuilderX2。安装HBuilderX3。在vscode 3.1中打包vue项目在打包vue项目3.2之前执行打包命令4。在HBuilderX中打包apk4.1，在HBuilderX中新建一个项目4.2将之前打包的dist的内容复制到下面的项目4.3删除不需要的目录4.4点击：manifest.json继续。

1. 下载HBuilderX

　　下载地址：https://www.dcloud.io/hbuilderx.html,官网

2. 安装HBuilderX

　　官网安装说明：https://hx.dcloud.net.cn/Tutorial/install/windows

3. 在vscode中打包vue项目

3.1 在打包vue项目之前

　　需要修改以下配置：

　　（1）config\index.js

　　将build下的assetsPublicPath的值从“/”更改为“”。/:

　　（2）src/router/index.js

　　如果mode是历史，就把它注释掉。

　　根目录直接指向想要的图片。

　　（3）build\utils.js

　　找到图中的if代码，添加以下语句(以防在css中找不到资源文件):

　　公共路径： ././

3.2 执行打包命令

　　节点build/build.js

4. 在HBuilderX中打包apk

4.1 在HBuilderX中新建一个项目

4.2 把之前打包的dist下的内容拷贝到此工程下面

4.3 删除不要的目录

4.4 点击：manifest.json，进行以下配置

　　（1）应用标识

　　您需要在此注册您的HBuilder帐户以获取AppID。

　　（2）图标配置

　　选择一个1024*1024的图标，然后勾选：[自动生成所有图标并替换]

　　（3）在【源码视图】的plus属性中，增加以下代码：

　　状态栏 :

　　//将可视区域应用于系统状态栏下的透明显示效果。

　　“沉浸式”:对

　　右键项目发布原生App-云打包。

　　选择[使用公共测试证书]。去掉广告的挂钩。按[打包]

　　[继续打包]

　　按照提示检查完包，就OK了。

　　注意：每天免费套餐数量有限，要善用爱惜。

　　以上个人经历，希望能给大家一个参考，也希望大家多多支持我们。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。

目录