二、HBuild APP打包

最新推荐文章于 2025-02-07 12:13:14 发布

原创最新推荐文章于 2025-02-07 12:13:14 发布 · 416 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#HBuikd app打包

本文详细介绍了如何将一个Vue.js项目通过npm run build命令转化为dist文件夹，随后利用云打包服务将dist文件转换为可安装的原生应用。特别指出，在config/index.js中修改assetsPublicPath属性对于避免打包后应用显示空白页的问题至关重要。

1.在项目中运行 npm run build（在此之前项目要是app项目）

2.这时在文件中会出现一个dist文件夹

3.单独拿出dist文件进行打包（发行=>云打包-打原生安装包）

(注意：打包出来的app打开可能时空白页，那么就需要在config文件下的index.js中修改assetsPublicPath: ‘/’ 改为assetsPublicPath: ‘./’, 打包之后再改后来本地就不会出现空白；dist要转为app)

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

HXH_csdn

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Vue 项目利用 HBuilderX 打包 APP 流程

前端知识分享喵

05-12

8239

想要将 Vue 打包成 App，要借助一些插件工具，例如：Electron、Cordova 等，或者直接利用开发工具，例如：Android Studio、HBuilderX 等。本文的目的是带大家通过 HBuilder 开发工具对 Vue 项目进行打包。

Hbuilder打包app的方法

10-27

HBuilder打包App方法 HBuilder是DCloud（数字天堂）推出的一款支持HTML5的Web开发IDE。该软件既可以支持web代码编写，也可以将已经编写好的项目代码打包为手机APP。 HBuilder提供的打包有云端打包和本地打包两种，云端打包的特点是DCloud官方配置好了原生的打包环境，可以把HTML等文件编译为原生安装包。这里面有具体的操作步骤

参与评论您还未登录，请先登录后发表或查看评论

HBuilder 打包流程

weixin_33730836的博客

04-04

1428

1.运行HBuilder---百度搜索HBuilder，官网下载安装包，解压，运行HBuilder.exe。注册账号，并登陆 2.新建app---在左边右键，选择新建APP，或者，点击中间的新建app 3.在弹出的窗口，填入应用名称，根据需求选择项目位置，以及模板内容 4.检验app效果----创建好之后，选择刚刚创建好的项目，在顶部选择运行，根据你的情况现在运行方式 5.效果展示---这...

HBuildX 打包说明（网站链接打包apk(app)）

qq_37672347的博客

04-13

3016

参考官网打包说明：https://ask.dcloud.net.cn/docs/#//ask.dcloud.net.cn/article/13425 第一步：下载HbuilderX工具（https://www.dcloud.io/hbuilderx.html）傻瓜式安装，安装完成注册账号第二步：创建项目，点击“文件”—> “新建”—>“项目”（截图截不出...

HBuilder 打包

weixin_46243213的博客

10-07

2434

HBuilder 打包

Hbuilder打包

shannon灬的博客

06-21

2573

自己做前端的一些朋友，可能会有时候想自己弄个app玩玩或者测试。目前比较简单的Hbuilder可以达到预估效果最后配置完成在发行菜单里面有打包发行，找到云打包点击进去可以直接默认打包这里简单介绍Hbuilder打包app流程，仅供参考。

精选资源

HbuilderX打包app，HbuilderX怎么打包app

01-20

HbuilderX打包app，HbuilderX怎么打包app 首先准备工作，我的电脑找到设备管理器，VID后的四位编码就记一下，后边会用到打开C盘找到.android/adb_usb.ini，如果没有这个文本，新建一个，这里是默认的信息，把你的...

浅谈vue项目利用Hbuilder打包成APP流程,以及遇到的坑

10-14

在利用Hbuilder打包Vue项目为APP的过程中，会遇到一系列技术细节和问题，本文档将全面解析打包流程以及遇到的坑点，旨在为开发者提供参考和解决方案。首先，在Hbuilder中打包Vue项目成为APP，需要遵循特定的流程：...

初试vue-cli使用HBuilderx打包app的坑

10-16

在探索使用vue-cli和HBuilderx进行应用程序打包的过程中，我们可能会遇到许多常见的问题和陷阱。根据文件提供的内容，我们可以梳理出以下几点关键知识点： 1. 微信授权登录问题：在使用vue-cli构建的HBuilderx应用...

vue项目中使用Hbuilder打包app 设置沉浸式状态栏的方法

12-12

以上所述是小编给大家介绍的vue项目中使用Hbuilder打包app 设置沉浸式状态栏的方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对软件开发网网站的支持！

Hbuilder-应用程序打包

记录和分享属于我的“IT”时光。

04-25

6370

Hbuilder-应用程序打包

使用HBuildX打包App

qq_40135999的博客

08-30

2030

使用HBuildX打包app项目1.安装HBuildX软件，默认上网下载安装就ok。2.使用HBuildX打开项目，点击（一般在项目src下的）manifest.json会有配置页面 1.安装HBuildX软件，默认上网下载安装就ok。 2.使用HBuildX打开项目，点击（一般在项目src下的）manifest.json会有配置页面基础配置里面输入appid，此界面改不了就使用记事本或者notepad++打开manifest.json修改对应字段；注意：如果是已经有appid的项目，需要appid所

Hbuilder打包安卓H5-APP，APP与程序分离，更新无需重新打包

一切如你的博客

10-24

4487

Hbuilder打包安卓H5-APP，将自己的APP与程序分离，在服务器上更新APP的代码，apk无需重新打包

HBuilder打包

hsy_hhh的博客

09-13

8343

打包步骤： 1.在项目的根目录下新建vue.config.js文件，添加配置 module.exports = { publicPath: './', outputDir: 'dist', assetsDir: 'static' } 2.打开终端，进入项目根路径，执行npm run build，生成dist打包文件 3.打开HBuilder，新建项目，选择H5+App，输入自己的项目名称，尽量不要使用默认路径去保存项目 4.在文件夹中找到打包生成的dist文件夹，将里面的文件放入项目.

HBuilder简单实现打包

weixin_69218754的博客

05-14

726

HBuilder简单实现打包

HBuilderX打包流程(H5)？HBuilder如何发布前端H5应用？前端开发怎样打包发布uniapp项目为h5？

南北极之间

07-17

9293

我们用的是宝塔直接部署，每次直接把这个文件夹上传到宝塔后，直接替换掉原来的h5文件夹即可。新页面立刻就能通过域名访问到。我这里是把这个文件夹打包了，这样方便上传到服务器，传上去之后再解压即可，然后把名字改成h5就好了。按照打包后的路径，找到打包好的文件夹，把文件夹里的内容，上传到服务器上去部署即可。2、面板里的所有信息都可以不填，也不用勾选==》直接点击【发行】即可。我们需要的就是这个【web】文件夹里的内容。

HBuilder打包App方法

weixin_30385925的博客

09-05

1463

HBuilder是DCloud（数字天堂）推出的一款支持HTML5的Web开发IDE。该软件既可以支持web代码编写，也可以将已经编写好的项目代码打包为手机APP。 HBuilder提供的打包有云端打包和本地打包两种，云端打包的特点是DCloud官方配置好了原生的打包环境，可以把HTML等文件编译为原生安装包。 1，下载HBuilder，注册并登陆。首先打开“文件”-“新建”-“移动AP...

HBuilderX 云打包app，生成安装包到手机