HBuilderx 打包vue-cli3.x项目成APP

最新推荐文章于 2024-02-02 16:16:13 发布
最新推荐文章于 2024-02-02 16:16:13 发布
阅读量658 收藏 2
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38498897/article/details/104996887
版权

HBuilderx 打包vue-cli3.x项目成APP

1.在hbuilderx新建一个项目选择5+app

在这里插入图片描述

2.新建的项目种把img css js 3个文件夹删了

3.build自己的vue项目，去dist文件夹中除了maifest.json全部复制到hbuilderx新建的项目中

在这里插入图片描述
build之前要更改vue.config.js
publicPath改成如图
在这里插入图片描述
proxy改成生成环境
在这里插入图片描述
router.js改成如图
在这里插入图片描述
4.hbuilderx建的项目中找到maifest.json按自己的需求配置

在这里插入图片描述

5.hbuilderx中发行->原生App-云打包，云打包的配置你根据自己的情况配置了
在这里插入图片描述

这样就完成了

qq_38498897
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue-cli2项目使用HbuilderX打包步骤
Maanqi_1214的博客
12-21 512
Vue-cli2项目使用HbuilderX打包步骤 在router下的index.js中加上 mode:"hash"，注意配置启动首页 { path: '/', //http://localhost:8080/#/login **//配置项目启动首页** name: 'Login', component: Login }, ...... { path: '/allGoodsComment', name: 'allGoodsComme
Vue项目打包为桌面应用
weixin_43764914的博客
09-08 1521
vue项目打包为桌面端
vue项目打包成.exe桌面应用
月兒~圓
05-30 1446
整理一下本人实现vue项目打包成桌面应用的流程 一、新建文件夹，使用git下载 # gitee git clone https://gitee.com/wallace5303/electron-egg.git # github git clone https://github.com/wallace5303/electron-egg.git 二、进入到electron-egg cd electron-egg-> npm install 三、把你的项目打包成dist文件，生成的dist文件把 el
vue打包成桌面应用
Snail90的博客
01-07 802
这里写自定义目录标题 1 拉取git clone https://github.com/electron/electron-quick-start 2 cd electron-quick-start->npm install->npm start 3 修改token的存储方式，不用auth.js来存储，用store 4 打包vue项目，将static和index复制到electron-quick-start项目 5 在package.json中增加如下代码 “pack”:"electron-pa
HbuilderX进行App云打包
october_autumn的博客
03-06 4472
本文总结使用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只...
初试vue-cli使用HBuilderx打包app的坑
10-16
主要介绍了初试vue-cli使用HBuilderx打包app的坑，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
vue-cli或vue项目利用HBuilder打包成移动端app操作
11-20
1、首先我们先建立一个vue的项目，本人用的是vue-cli随便建立的，然后运行项目 二、修改路径 (assetsPublicPath: ‘./’) 1、 打开我们config中的js文件，修改assetsPublicPath的路径为”./”（下图的右下角位置） 2...
HBuilderX,uni-app
10-01
1. 创建项目：使用 HBuilderX 或 vue-cli 创建 uni-app 项目 2. 编写代码：编写 uni-app 项目的代码，包括页面、组件、API 等 3. 调试项目：使用 HBuilderX 或浏览器调试 uni-app 项目 4. 打包项目：使用 HBuilderX ...
抖音小程序 uni-app 项目模板 template cli.zip
最新发布
02-25
4. **运行与部署**：uni-app项目可以通过HBuilderX工具进行编译和打包，然后将生成的小程序包上传至抖音开放平台进行审核和发布。 5. **学习交流**：在开源社区，开发者可以分享自己的代码，讨论遇到的问题，共同...
uniapp项目通过HbuilderX CLI进行自动化打包成apk【初出茅庐】
lwd4039的博客
11-02 3991
使用HbuilderX的可视化界面打包不得不说是非常方便，云打包但是事实上，当你试图于对开发和打包的任务进行分离的时候，会发现可视化打包不符合你的需求，它无疑提高了后者的时间成本，并让进行后者操作的人一脸蒙圈，我在干啥，这个开发完打包不就行了，产生了对分离这个任务的决定的怀疑。当我想进行这项打包操作的时候，这个打包的时间成本，无疑需要加上由开发到发版的响应成本，这是损耗更有价值事情的成本。那这份成本，就需要我们进行降低
Hbuilder将vue项目打包为app（具体步骤和注意点）
...
10-04 4099
Hbuilder将vue项目打包为app（具体步骤和注意点）
HBuilder x 打包 生成app步骤
LiuBo_1999的博客
08-10 7071
1.把打包好的dist文件夹打开把里面的文件拿出来按下图所示（刚开始在HBuilder x中生成文件他会自带一个index.html,这个文件没有用，要删掉，如果不删的话，打包生成app的时候会白屏的） 需要的配置如下 准备打包中的配置如下 下面就是下载到手机上（打开后项目就可以正常运行了，如果你的运行不了那就是vue.config.js中配置路径错了） ...
HbuilderX 现有uniapp项目迁移到vscode中(HbuilderX工程改vuecli工程)
weixin_46333911的博客
02-02 1594
解决uniapp项目迁移到vscode中出现的问题
uni-app 工程与 vue-cli 工程相互转换
大雄笑哈哈的博客
05-08 3090
uni-app 工程创建 https://uniapp.dcloud.io/quickstart HBuilderX 工程转换为 vue-cli 工程 vue-cli 版更新频率较高，当需要使用一些新特性时可以转换为 vue-cli 工程 步骤 使用 vue-cli 新建空工程将 HBuilderX 工程内的文件（除 unpackage、node_modules 目录）拷贝至 vue-cli 工程内 src 目录在 vue-cli 工程内重新安装 npm 依赖（如果之前使用了 npm 依赖的话）v
经常忘记网址？将Vue项目一键打包为桌面客户端 十分钟让你解决烦恼
Designer 小郑的技术博客
12-06 4244
本文讲解了如何将一个Vue项目打包为桌面客户端，实现像Excel一样双击运行，适用于管理较多项目且经常忘记网址的场景。本文还讲解了 Vue 项目从下载依赖、打包和Nginx部署的全过程，可以给开发者参考学习。
使用hbuilderx将vue项目打包成App
啊哈前端的专栏
06-02 6920
一、打包vue web项目 1、修改build的配置 在vue-cli(2.9.x版本)下，修改config目录下index.js里面的build.assetsPublicPath(默认是/，这里在/之前加了个英文状态下的点符号) 2、运行yarn run build（我用的是yarn包管理器，如果是用npm，则运行npm run build） 打包后的静态资源文件之后会用到。 ...
HbuilderX打包app，Hbuilder怎么打包app，H5打包成app，H5怎么打包成app
热门推荐
LIUAWEIO的博客
03-21 2万+
1.下载HbuilderX之后新建项目 2.在这里选则你需要新建的项目类型，本人打包的是h5app，选的5+app 3.选择好项目本地存放的地址，编写项目名，之后点击创建 4.打开刚刚创建的那个项目，点击打开manifest.json，就是下图这样子 5.填写你的h5项目地址 6.基本配置（看图），太简单太多自己研究 7.SDK配置里可以配置你的项目的appid、key其他配置，比如你的项目...
vue3.0实现移动端自适应
祈盼的博客
04-01 5996
vue3.0实现移动端自适应 项目使用vue3.0编写代码，说要打包成apk文件，在安卓上看，现在需要适配移动端的样式，记录一下，亲测有效。 安装插件 vue脚手架略过 lib-flexible : 会自动在html的head中添加一个<meta name="viewport">的标签，同时会自动设置html的font-size为屏幕宽度除以10，也就是1rem等于html根节点的font-size。假如设计稿的宽度是750px，此时1rem应该等于75px。假如量的某个元素的宽度是150px
vue项目,打包成APP(用HBuilderX)
weixin_44088739的博客
06-12 6256
1、把vue项目打包，npm run build 2、HBuilderX新建项目,项目名为APP名 3、把vue项目整合到hbuilder上 第一种方法：static和index.html引入进来 第二种方法：把域名放进去，APP只是做了页面跳转 4、APP配置 应用名称和版本号修改 APP图标 先点浏览，再点自动生成所有图标并替换 APP启动页面 ...
uni-app\HBuilderX\plugins\uniapp-cli\node_modules\@dcloudio\vue-cli-plugin-uni\packages\vue-loader\lib\loaders\templateLoader.js:46:20
01-09
根据提供的引用内容，你提到了一个文件路径：uni-app\HBuilderX\plugins\uniapp-cli\node_modules\@dcloudio\vue-cli-plugin-uni\packages\vue-loader\lib\loaders\templateLoader.js:46:20。这是一个文件路径，可能是在使用HBuilderX打包app时出现的问题。根据引用和引用的描述，可能是由于代码中的ifdef和endif不匹配导致的问题。你可以检查一下代码，看看是否有地方只有一个endif或者只有ifdef，或者写错了。如果确实是少了endif，你可以在相应的位置添加上对应的endif语句来解决这个问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值