Vue.js2.0到APP【HBuilder】
来源:互联网 发布:我想学软件编程 编辑:程序博客网 时间:2024/06/06 15:35
vue.js这里不提怎么安装了,前一篇转载的博客写的非常棒,这里转载整理了如何生成app的博客~
第一次见到装逼到我不得不服的博主,写的很好,语言也十分幽默,有兴趣的可以前去原文观看~
原文链接:http://blog.csdn.net/xh21bao/article/details/70652815 作者:xh21bao
1、找个你喜欢地方,新建一个文件夹(路径别弄中文免除后患)
运行 vue init webpack vue 构建 目录 (蓝色 vue 为目录名称随意)
按照上图 选择
弄好之后在原来的文件夹 下面 多了一个vue 文件夹 进入
cd 在当前目录 运行 cnpm install
目录变为如下
运行 查看 npm run dev
之后 在命令行 Ctrl+c 关闭 这个实例
修改 配置文件 找到config里的index.js,打开修改assetsPublicPath 为“.” 不改 打包后 路径错误
三、打包App 发布到手机
在命令行 执行 npm run build
新增加了一个 文件夹 dist 进入(编译生成的结果)
打开HB (启动超级慢 因为 Java产品 所以渣,所以慢)
文件---》新建---》移动App
新建好之后 里面应该是这样的
只留下 mainfest.json 这个是 手机app的 配置文件你可以打开看看
之后把 刚才 dist下面的两个文件复制进来 变成下面的
把 上次命令 生成 dist 目录下 的文件 复制到 vueapp 项目下如上图!
一切 都是默认 因为 什么功能也没有!
阅读全文
0 0
- Vue.js2.0到APP【HBuilder】
- Vue.js2.0环境配置到你第一个叼大的App!
- vue.js2.0视频教程
- Vue.js2.0从入门到放弃---入门实例
- vue.js2.0环境搭建
- vue.js2.0自定义过滤器
- Vue.js2.0 入门实例
- HBuilder打包app(vue项目)
- Vue.js2.0从入门到放弃---入门实例(一)
- Vue.js2.0从入门到放弃---入门实例(三)
- Vue.js2.0从入门到放弃---入门实例(一)
- Vue.js2.0从入门到放弃---入门实例(三)
- npm的安装及Vue.js2.0从入门到放弃---入门实例(一)
- vue.js2.0开发中的几个技巧
- Vue.js2.0之组件篇
- Vue.Js2.0建议学习路线
- vue.js2.0 自定义组件初体验
- Vue.js2.0_入门实例
- ES6中Json、String、Map、Object之间的转换
- 【UVA10859】Placing Lampposts
- 网页被重新刷新(网址后面自动添加了?)
- ANSJ词性标注集
- 深入理解Java对象的创建过程:类的初始化与实例化
- Vue.js2.0到APP【HBuilder】
- SpringBoot配置devtools实现热部署
- 仿ios touch按钮创建可随意拖动的悬浮按钮
- Cyborg Genes UVA
- 设置单个用户打开文件数
- 深入理解 JavaScript 方法集的特性与最佳实践
- Unity中多个C#脚本中的Awake执行顺序
- php 常用函数总结
- java反射处理数组