HBuilder 打包vue项目

最新推荐文章于 2024-05-14 22:39:44 发布
最新推荐文章于 2024-05-14 22:39:44 发布
阅读量1k 收藏
点赞数
文章标签： HBuilder vue 打包项目 打包App
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/benben0729/article/details/87194360
版权

编译vue项目

npm run build

Hbilder打包

使用的是8.8版本，更高版本一直不成功不知道原因

新建移动app
myapp
    css
    img
    js
    unpackage
    index.html
    mainifest.json

打包

#将vue编译生成的admin下的文件拷贝到移动app项目
#点击发行，发行为原生安装包

配置

manifest.json配置参数
benben0729
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HBuilderX打包H5、vue项目
bestyinjun的专栏
12-19 1520
HBuilderX打包H5、vue项目
HBuilder打包简单项目（vue项目）APP的教材
不写代码没饭吃的博客
07-27 1018
Vue云打包完成后，保存安装包到目标文件，能够发送到手机端安装。
2024年最新HBuilder配置vue编译环境，大厂面试一般几轮
最新发布
2401_84619606的博客
05-14 154
除了简历做到位，面试题也必不可少，整理了些题目，前面有117道汇总的面试到的题目，后面包括了HTML、CSS、JS、ES6、vue、微信小程序、项目类问题、笔试编程类题等专题。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】安装完成打开 Readme. md（这里写有常用命令），执行第二步npm run dev。，在根目录下会创建一个dist文件夹，里面内容就是编译完成后的资源。打开全栈工匠技能包-1小时轻松掌握SSR两小时精通jq+bs插件开发。
使用Hbuilder打包vue项目app
Leisure_Time的博客
01-10 547
vue项目， HBuilder / HBuilderX有的情况下 第一步， 使用HBuilder创建一个app项目， 我使用的是HBuilderX， 步骤如下： 选择左上角， 文件， -> 新建 -> 项目 会出先这样的画面： 那么我们选择 5+App那个选项， 这样我们就有一个基本的app模板了 然后我们在打包我们的vue项目， 使用npm run builder...
Hbuilder将vue项目打包为app（具体步骤和注意点）
...
10-04 4121
Hbuilder将vue项目打包为app（具体步骤和注意点）
vue项目打包并使用HBuilder打包生成apk
cnsummerLi
04-06 3701
一.查看vue项目配置 1.配置文件一：build>>utils.js (增加 - publicPath:'../../' ) 原因：这样写是处理打包后找不到静态文件的问题 2.配置文件二：config>>index.js(修改 - assetsPublicPath:'./' ) 原因：修改目的是为了解决js找不到的问题 二 输入打包命令：npm run build 三 打开HBuilder 四：将vue打包的static 和 index.ht...
vue项目+hbuilder打包实现微信登陆
09-30
vue项目+hbuilder打包实现微信登陆
浅谈vue项目利用Hbuilder打包成APP流程,以及遇到的坑
10-14
主要介绍了浅谈vue项目利用Hbuilder打包成APP流程,以及遇到的坑，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue项目+hbuilder打包实现微信支付
09-30
vue项目+hbuilder打包实现微信支付
vue项目用HBuilder打包APP.docx
09-09
首先，对于Vue项目，通常我们通过`npm run build`命令来打包项目。然而，为了适应移动端应用的打包需求，我们需要在项目根目录下创建一个`vue.config.js`文件，这个文件允许我们自定义webpack配置。在`vue.config.js...
vue-cli或vue项目利用HBuilder打包成移动端app操作
10-15
Vue CLI或Vue项目利用HBuilder打包成移动端App的操作流程涵盖了多个关键步骤，这些步骤对于将Web应用程序转换为可在移动设备上运行的应用程序至关重要。以下是详细的知识点解释： 1. **测试项目**： 在开始打包...
vue项目+hbuilder打包实现app自动检测更新并下载(需要可以私聊我)
09-30
vue项目+hbuilder打包实现app自动检测更新并下载vue项目+hbuilder打包实现app自动检测更新并下载
vue项目（webpack+mintui），使用hbuilder打包app - 小小人儿大大梦想 - 博客园
没做过产品的后端不是个好前端
11-11 327
一、配置config/index.js 本人没有配置index.js文件，就开始进行了打包，结果最终效果是页面空白，解决了空白，接着底部图标（我是用的阿里巴巴图片）资源找不到。所以配置这步比较重要。 （1）页面空白的解决： 打开config/index.js，将build模块的assetsPublicPath值改为’./’ 1 assetsPublicPath:'./', 发布路径 （2）css引用图片资源找不到问题： 因为打包后路径发生变化，导致..
HBuilderX 打包 vue 项目生成 apk
GIS（地理信息系统）
07-15 1558
HBuilderX 打包 vue 项目生成 apk
HBuilder 打包
weixin_46243213的博客
10-07 1542
HBuilder 打包
HBuilder打包vue项目
qq_26880461的博客
06-08 1292
1：首先在项目根目录下运行npm run build 进行打包生成打包后的文件 2：在hbulider 中导入dist文件夹，右键转换成移动App 3:发行----云打包打原生安装包 打包过程中遇到的问题 首先启动app的时候会弹出只能在低版本Android机运行的提示，此时需要修改配置文件即可 在manifest.json 加入如下配置 "minSdkVersion":22, “targetSdkVersion”:26, 之后可能会出现启动白屏问题，只需修改webpack的配置文件，如图所示 路由
vue项目Hbuilderx打包
cxy_pan0913的博客
03-28 1782
vue项目在日常开发运行ing的时候 我们使用的是内置的微型开发服务器devServer 但是我们的项目今后是要到公网服务器上面进行运行的 所以那个微型开发服务器就不足以支撑我们今后的项目运行了 那么我们就需要把项目放到更厉害的服务器上面 在这个时候 我们所写的vue项目文件是.vue结尾的 浏览器不认识 所以我们需要把当前项目进行打包 打包成浏览器可以直接认识的文件 然后再用这个更厉害的服务器运行 流程： 1.基础命令：npm run build build之后运行打包的dist文件夹下的index
用HBuilderX 打包 vue 项目 为 App 的步骤
deeplovelzt的博客
12-12 1350
首先打包你的 vue 项目 生成 dist 文件夹，教程请移步 https://www.cnblogs.com/taohuaya/p/10256670.html 看完上面的教程，请确保 你是 将： 项目目录下的 config 文件夹里的 index.js 文件中,将 build 对象下的 assetsPublicPath 中的 “/” ，改为 “./”后，打包生成的 dist 文件。 开始使用 ...
vue项目使用Hbuilder打包成app，详细步骤
06-07
下面是使用 Hbuilder 将 Vue 项目打包成 app 的详细步骤： 1. 安装 Hbuilder 首先需要安装 Hbuilder，可以从官网下载并安装。 2. 创建 Vue 项目 使用 Vue CLI 创建一个新的 Vue 项目。在终端中运行以下命令： `...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值