IDEA打包vue项目成移动端app

置顶 已于 2023-09-15 11:30:46 修改
阅读量4.9k 收藏 11
点赞数 1
分类专栏： 前端 文章标签： vue idea HBuilder 打包app
于 2019-11-07 09:06:46 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39145193/article/details/102947130
版权

1.需要的工具
IDEA,HBuilder

2.打包过程
1）首先在项目中package.json中操作build:vue指令，项目会生成dist文件夹
操作build:vue指令
在这里插入图片描述

2).用HBuilder直接打包移动端app
先新建移动端app,然后删除项目下除了manifest.json所有的文件，然后将第一步中dist文件夹下的文件都拷贝到项目下，然后选择发行-打包原生安装包
在这里插入图片描述

wei5
关注
专栏目录
Vue开发仿京东商场app
xiangzhihong8的专栏
01-13 1748
vue3-jd-h5 项目介绍 vue3-jd-h5是一个电商H5页面前端项目，基于Vue 3.0.0 + Vant 3.0.0 实现，主要包括首页、分类页面、我的页面、购物车等，部分效果如下图。 本地线下代码vue2.6在分支demo中，使用mockjs数据进行开发，效果图请点击这里 master分支是线上生产环境代码，因为部分后台接口已经挂了????，可能无法看到实际效果。 vue3搭建步骤 首先,在本地选择一个文件，将代码clone到本地： git clone https:/
详解vue项目的构建，打包，发布全过程
11-27
很多朋友对于VUE项目的一系列流程不熟悉，小编根据网友提出的问题，整理了关于vue项目的构建打包发布全过程，希望对你有用。 一、vue项目的创建 1、首先第一肯定是要有Node.js及npm这个不多说了 2、安装脚手架 此时可以直接浏览-但是现在肯定有很多小白想将他发布到gitHub上并可以浏览，使用vue全家桶制作自己的博客。 现在就有我来说说如何讲vue项目发布到github上 之前写过vue环境搭建 可以参考： vue环境搭建 二、vue项目的打包 1、大家都知道使用npm run build进行打包，这个时候你直接打开dist/下的index.html,会发现文件可以打开，但是
IDEA打包VUE项目
weixin_52116015的博客
04-18 2516
idea打包vue项目 tomcat配置静态资源访问
如何在IDEA开发并运行uniApp
最新发布
Morries_Wu
08-08 786
下载微信开发者工具直接下载安装完毕之后即可。
IDEA打包vue工程
qq_52674099的博客
05-15 1266
7.右键,open in Explorer,外部文件夹访问就可以找到dist的存放位置啦 (> , <)!3.在Terminal中键入 npm run build。2.右键，open in Terminal。1.找到package.json文件。6. 出现dist包。
idea编译打包前端vue项目
aa1382525的专栏
01-22 2000
这个很好理解 因为我是Windows的环境是执行不了shell脚本的，可能别人开发的时候用的mac电脑；后续我也找了很多变通的方法试图能在编译的时候能用直接用这个shell脚本，比如搜索"idea 运行 shell脚本"这样的关键字 大概会让你装bashsupport插件（只支持老版本的idea 新版本的idea只能用bashsupport pro但是是收费的，目前也没有可替代的其他插件） 或者在设置Tools>terminal的Shell path为 git bash的路径。
创建的vue项目--打包
醉殇姒若梦遗年 ツ的博客
01-30 2733
自创建的项目（未使用项目框架），使用weabpack打包，若出现空白页；若加载图片（img标签）成功，加载背景图片（css中）和字体文件失败。
vue项目如何打包以及如何变成android、ios应用程序
F1520080的博客
03-29 2541
点击这里即可获取，包括答案解析。赞哦，如果有需要前端校招面试题PDF完整版的朋友可以点击这里即可获取，包括答案解析。**[外链图片转存中…(img-NDZASUP0-1711651869600)]
教你如何制作vue+springboot项目
m0_67392409的博客
07-30 625
以上，完整的vue+springboot教程就完成了，如需要参考，可以查看本人制作的基于vue+springboot的学生成绩管理系统作为参考学生成绩管理系统先自我介绍一下，小编13年上师交大毕业，曾经在小公司待过，去过华为OPPO等大厂，18年进入阿里，直到现在。深知大多数初中级java工程师，想要升技能，往往是需要自己摸索成长或是报班学习，但对于培训机构动则近万元的学费，着实压力不小。自己不成体系的自学效率很低又漫长，而且容易碰到天花板技术停止不前。httpshttpshttpshttps。...
idea vue.js 兼容
09-05
而且，Vue.js 还可以通过配合使用 Cordova 或 Electron 等工具，将 Vue.js 应用打包成移动 App 或桌面应用，提供更广泛的平台兼容性。 总结来说，Vue.js 具有很好的兼容性，能够兼容各种浏览器和平台。在开发过程中...
前端网页技术之 Vue进阶
热门推荐
cgblpx的博客
08-03 3万+
文章目录安装 element-ui安装修改 main.js修改 Item.vue基础知识布局 layout容器 container图标 icon按钮 button表格 table当前行 scope表单 form输入框 input扩展:JavaScript APIspliceObject.assigncopyObject项目案例：商品后台管理系统界面原型 安装 element-ui 安装 访问https://element.eleme.cn/#/zh-CN/component/installation 在工程
vue项目详细搭建步骤
04-02
详细描述怎么搭建vue项目，nodejs安装，idea支持，以及vue打包部署
idea插件 vue.js IDEA2017.3亲测可装 无兼容问题
05-10
idea插件 vue.js IDEA2017.3亲测可装 无兼容问题 Setting>plugins>install plugin from disk 选择文件安装完重启即可
使用 Idea 运行打包已有的 vue 项目 新手教程！
wangjw.bug
11-09 2475
使用 Idea 运行打包已有的 vue 项目 新手教程！
idea vue 打包_mall改造：vue环境的搭建
weixin_39672680的博客
01-20 136
一、使用之前，我们先来掌握3个东西是用来干什么的。npm: Nodejs下的包管理器。webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备，比如资源的合并和打包。vue-cli: 用户生成Vue工程模板。(帮你快速开始一个vue的项目，也就是给你一套vue的结构，包含基础的依赖库，只需要 npm install就可以安装)开始：​下载好就下一步，下...
毕设（三）使用IDEA+HBuilderX把vue3项目打包成App
qq_44648936的博客
03-26 3427
前言： 如题，需要下载HbuilderX，没有需要自行下载 下载办法也很简单，进入HBuilderX官网，然后下载APP开发版 下载好后解压到指定目录，然后点击这个即可进入 具体步骤： 新建一个Vue项目 修改vue.config.js配置文件，即添加横线这一行 这个语句的意思是修改为相对路径 如果不加，就可能导致打包后的vue项目页面显示空白 在终端进行执行npm run build指令将项目进行打包 打包完成后会出现dist文件夹 在浏览器打开index.html 显示如下
Intellij IDEA开发Android项目打包生成APK
buyue
06-13 685
在 IntelliJ IDEA 左上方中选择 “Build” -> “Generate Signed Bundle / APK…” 选择“APK”——“Next”——“Create New…”（Password随便填123456即可） “Next”——选择release（APK生成后默认存放在本项目的release文件夹里）——“Signature Versions（签名都选上）”——“Create”
使用IDEA后端java代码打包为jar，使用Nginx打包前端Vue
qq_62015542的博客
01-17 2900
使用IDEA后端java代码打包为jar，使用Nginx打包前端Vue
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值