Hubuilder处理打包后Vue项目

已于 2024-05-17 17:24:28 修改
阅读量316 收藏 4
点赞数 10
文章标签： vue.js 前端 javascript Hbuilder
于 2024-05-17 13:58:03 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_62364503/article/details/139002397
版权

处理了公司古老项目，是Vue2 H5项目，现在需要把这个项目改成APP

1.首先创建5+APP项目

2.把打包后的项目放入创建的项目当中（注意：需要处理的index.html文件中引入的js文件和CSS文件一定是打包后的文件）

3.创建Hbuilder应用APP
地址:



https://dev.dcloud.net.cn/pages/app/list

4.Copy创建好应用的Appid 到项目当中（将Appid复制到id上面，并且修改name名称为打包后的APP名称）

5.发行-云打包(Android直接使用云端证书，IOS看文档申请证书)

梦雨生生
关注
  • 10
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HBuilderX打包H5、vue项目
bestyinjun的专栏
12-19 1258
HBuilderX打包H5、vue项目
vue项目打包后打开页面空白解决办法
08-27
主要介绍了vue项目打包后打开空白解决办法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vue移动端项目打包成app
01-08
这几天 我做了一个vue移动端的小项目 就想着打包成 app安装在手机上看看 我就讲解下整个思路和过程 首先项目开发完之后  （我使用的是vue-cli 3.*版本） 在项目文件夹下创建一个 vue.config.js module.exports = {   publicPath: “./”,    //   打包 配置这个可以先本地查看下 效果   productionSourceMap: false     //  调试文件的功能关闭 能加快打包 }; 运行命令行   npm run build 项目文件夹下生成一个 dist文件夹 下面有这些文件  然后打开index.html 本地
vue打包后显示空白正确处理方法
08-28
很多朋友遇到这样的问题当vue打包后显示空白问题，遇到这样的问题怎么处理呢？下面脚本之家小编给大家分享下vue打包后显示空白正确处理方法，感兴趣的朋友一起看看吧
vue项目打包后怎样优雅的解决跨域
10-16
主要介绍了vue项目打包后怎样优雅的解决跨域,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
Vue项目打包编译优化方案
10-14
当一个较复杂的vue项目打包后，文件会非常大，而且访问时资源加载速度很慢，本文介绍了几种措施来优化。
vue脚手架项目打包成app_Vue cli3+Hubuilder将项目打包为App
weixin_35582019的博客
01-16 295
前言现在跨平台的开发越发的火了起来。前端能做到的事情也越来越多，App再也不用完全依靠安卓原生开发了。现在开发app的方式都是内核是前端开发，然后再给项目套一个安卓的外壳，即可实现app的开发。Vue开发app如何打包？现在最新的脚手架为Vue-cli3,构建出来的项目结构十分明了简单。配置文件只需一个Vue.config.js即可搞定。先到Vue.config.js里面添加：``` JSmodu...
HBuilderX vue项目打包上传到服务器
龙之吻T
11-12 748
完成后有个’dist’目录,把真个目录通过FTP 上传到服务器,Mac电脑使用。服务器使用‘宝塔’进行一件部署,基本上就是傻瓜式的点击下一步。
使用HBuilderX将vue或H5项目打包app
鹏仔工作室的秘密基地
08-23 4841
好久没有搞过将vue项目打包成app了，这两天刚好项目需要将vue开发的H5项目打包成APP，那就简单记录一次呗（之前也写过一篇打包app，是将项目使用hbuilder打开，转为webapp什么的，就可以直接打包了，现在不一样了，现在使用HBuilderX还是有些区别）。第二步：我们下载HBuilderX，可前往官网下载 https://www.dcloud.io/hbuilderx.html 下载好以后，打开并新建项目，选择 5+App 默认模板，如下图所示。第三步，我们打开新建项目的文件，如下图所示。
vue cli3项目用hbuilder打包成app问题总结
weixin_42595284的博客
01-10 1353
一、打开APP白屏 1，vue项目在打包前修改vue.config.js文件 2，在router.js中把mode:“history”,这行代码注释掉 二、单击 手机返回键退出应用的bug。（可以直接把这段代码放到你vue项目中的index.html，重新打包，再放回来，也可以直接修改这个index.html） 代码如下： <script> document.addEventLi...
HBuilder Vue项目打包Android App
liwan09的博客
07-03 1365
一、Vue项目打包 vue项目打包前，需要修改两处代码，此两处代码修的原因是为了防止app启动时出现空白页面 1、将config/index.js 中的 build 配置中 assetsPublicPath 的值/ 修改为./ 2、由于hbuilder的默认格式，路由不能使用history模式，将src/router/index.js route history模式配置代码注释掉 Vue打包后的文件架构 二、HBuilder 将vue项目打包成Android app 准备工作 ...
书籍学习|基于SprinBoot+vue的书籍学习平台(源码+数据库+文档)
JIngJaneIL的博客
05-28 1200
首先,论文一开始便是清楚的论述了平台的研究内容。其次,剖析平台需求分析,弄明白“做什么”,分析包括业务分析和业务流程的分析以及用例分析,更进一步明确平台的需求。然后在明白了平台的需求基础上需要进一步地设计平台,主要包罗软件架构模式、整体功能模块、数据库设计。本项目软件架构选择B/S模式和java技术，总体功能模块运用自顶向下的分层思想。再然后就是实现平台并进行代码编写实现功能。论文的最后章节总结一下自己完成本论文和开发本项目的心得和总结。通过书籍学习平台将会使书籍学习各个方面的工作效率带来实质性的提升。
Vue3实战笔记（52）—Vue 3封装持仓分析饼图
山花的博客
05-30 518
接上文，封装持仓分析饼图。封装好几个组件，用于后续开发。把忧愁煮成茶，让它在心间慢慢沉淀，剩下的，便是清甜的回味。
vue3 vue-draggable-next 实现拖拽穿梭框效果
最新发布
游九尘的博客
06-01 292
【代码】vue3 vue-draggable-next 实现拖拽穿梭框效果。
elemnt ui 时间选择器。 当前日期往前推6个月以前的的不可选择
IT13333的博客
05-28 335
【代码】elemnt ui 时间选择器。当前日期往前推6个月以前的的不可选择。
【Vue】v-if / v-show条件渲染指令
qq_39921135的博客
05-29 470
条件判断指令，用来辅助开发者按需控制 DOM 的显示与隐藏。表达式值为 true 显示， false 隐藏。作用： 控制元素显示隐藏（简单的显示隐藏）场景：频繁切换显示隐藏的场景。
vue iframe src规则
Ann_52547的博客
05-30 266
需要注意的是，为了安全起见，应尽量避免使用 JavaScript URL，尤其是在加载外部内容时，以防止恶意脚本的注入和执行。1、相对路径：相对于当前页面的路径。
vue 笔记03
m0_47045804的博客
05-30 868
vue挂载以后把所有内容手抄一份就叫做虚拟dom 假设你要操作dom 等一下先不要操作真实dom, 先修改我这个手抄的虚拟的DOM 改完了么？如果我们需要一个变量 这个变量的值是根据data里面某个值或者某几个值的变化而变化的时候,那么我们就需要用到vue里面的computed计算属性。data里面定义的数据无法直接互相访问 因为加载到data的时候还没有产生当前的vue对象。return 返回的结果就是当前计算属性的值。回调函数的参数就是过滤原本的值return 返回过滤的新值。
vue项目打包后白屏
09-28
当vue项目打包后出现白屏的情况，可能是由于以下几个原因导致的： 1. 路径问题：检查打包后的文件路径是否正确，确保所有引用的文件路径都是正确的。 2. 缓存问题：清除浏览器缓存，尝试重新加载页面。 3. 依赖...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值