vue.js 项目打包APP应用包

vue.js 项目打包APP应用

在hbuilderx编辑器使用的，vue.js 项目打包APP应用

创建一个vue.js项目，写好移动端 vue.js 框架，APP项目完成。

1、在config配置文件，index.js文件里面找到assetsPublicPath：’./’ ，说明：在斜杠前面加上一个点。

2、使用vue.js项目打包命令 cnpm run build,

3、vue.js目录下面会多出来一个bist文件夹，这个文件夹就行打包过的项目。

4、在vue.js项目里面的bist里面的，文件夹放在另一个文件夹里面myAPP文件夹名称。

5、创建一个5-app项目，选择

6、把5+app里面文件夹就留一个配置APP的文件，manifest.json 文件夹（里面可以修改：配置图标、启动图标、应用名称）

7、开发打包，选项：‘发行’——选择：‘原生APP打包’ ——在没有证书的，情况下选择 androil（安卓） ios（苹果）版本，选择 ‘使用 ‘使用dcl
oud公用证书’ ——选择：‘打包’

8、等待打包完成，在hbuilderx控制器里面会显示，控制器正在打包，等待打包完成会出现一条连接，点击连接下载应用包。发送给手机，或者使用手机模拟器。

注意：发送到手机尽量使用qq发送下载到手机。

vue.js 项目打包APP应用包相关推荐

vue.js项目打包时出错找不到main.js
vue.js项目打包时出错找不到main.js 打包时设置了开发环境和生产环境的入口文件分别是配置打包文件vue.config.js(没有的话新增) module.exports = {chainW ...
vue项目打包App
本地的vue项目打包成App.这里以Hbuilder为例.首选命令行进入项目的目录执行 npm run build 打包成功之后再项目下回生成一个dlist 文件夹.在Hbuilder中导入dlis ...
使用HBuilderX将vue或H5项目打包app
好久没有搞过将vue项目打包成app了,这两天刚好项目需要将vue开发的H5项目打包成APP,那就简单记录一次呗(之前也写过一篇打包app,是将项目使用hbuilder打开,转为webapp什么的,就 ...
基于vue-cli搭建VUE.js项目
基于vue-cli搭建VUE.js项目准备工作开始安装搭建工程目录结构搞定!! 准备工作 1.node.js 2.vue-cli 3.webpack 开始安装 Node.js 点击去下载No ...
创建基于Webpack的Vue.js项目
创建基于Webpack的Vue.js项目本文目录: 一.Webpack简介二.创建基于Webpack的Vue.js项目 1.前提条件 (1).检查node 和npm版本信息 (2).升级你的 No ...
第5章　运维和发布Vue.js项目
第5章运维和发布Vue.js项目一般传统公司特别喜欢一个角色用一个人,如在生产流水线上,一个工人只负责拧螺丝,另一个工人只负责喷漆.很多软件公司也是这样,有人专门负责编写代码,有人专门负责运维.但 ...
宝塔面板部署nuxt_MacOS下创建及部署vue.js项目（及Nuxt.js、PM2等相关流程）
开发环境权限准备为避免后续流程出现权限不足的相关提示,首先在终端中输入以下代码检查当前系统是否已开启了对系统文件夹的保护: csrutil status 若结果为csrutil enabled,则 ...
基于node.js开发环境下创建及开发vue.js项目的环境配置骤
基于node.js开发环境下创建开发vue.js项目的环境配置骤如下: 步骤一:安装node.js,安装完后运行node -v命令检安装node的查版本,判断是否安装成功.Npm是node.js包管理 ...
vue.js项目实战运用篇之抖音视频APP-第二节：项目基础架构搭建
[温馨提示]:若想了解更多关于本次项目实战内容,可转至vue.js项目实战运用篇之抖音视频APP-项目规划中进一步了解项目规划. [项目地址] 项目采用Git进行管理,最终项目将会发布到GitHub中 ...

vue.js 项目打包APP应用包

vue.js 项目打包APP应用

vue.js 项目打包APP应用包相关推荐

最新文章

热门文章