社区微信群开通啦，扫一扫抢先加入社区官方微信群
社区微信群
最近Vuejs太火了，弄的老夫也想学一下，参考了很多大神的文章我决定总结一下，虽然我不会前端- -~，还是那句话，知识用的时候在学就够用！
老鸟自行退散！老夫要开始装x了
需要软件：
HBuilder
nodejs环境
vue-cli
cnpm
一、环境搭建
安装nodejs点爹
安装好之后 node -v 查看版本
安装 vue-cli 目录构建工具（脚手架工具 ，就是盖房子 外面那层栅栏 ，工人站在上面的那个）
npm install -g vue-cli
安装 前端必备HB 点爹呀，愁啥呢（打包用）
当然了 你喜欢webstorm、sublime3等等 ide 都行 因为反正特么都没有vuejs 提示插件，最多就是有个鸡肋的高亮！
二、正式开始装第一次x！
1、找个你喜欢地方，新建一个文件夹（路径别弄中文免除后患）
运行 vue init webpackvue
构建 目录
（蓝色 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 项目下如上图！
一切 都是默认 因为 什么功能也没有！
手机 测试通过 差不多 就是这个玩意 几年前 的wex5 但是 没有vue 的虚拟dom html渲染卡的一比 根本没法用 感谢 油大大的作品 改变了 3端！
如果觉得我的文章对您有用，请随意打赏。你的支持将鼓励我继续创作！
