1. 搭建 vue 环境
参考:
https://blog.youkuaiyun.com/wu__di/article/details/54234894
首先 安装node.js最新版本,
1. 查看npm 版本 npm -v;
2. 安装 cnpm: npm install -g cnpm –registry=https://registry.npm.taobao.org
3. 安装 vue-cli: cnpm install -g vue-cli
4. 输入vue命令: 出现命令提示信息,表示安装成功。
5. 新建一个测试 目录 my_demo ,进入该目录下,执行vue init webpack vue-demo
6. 选择默认选项eslink后选择No;
7. cd vue-demo
8. 执行 cnpm install;
9. 执行完成 之后 执行 cnpm run dev;
10. 会出现访问地址:http:localhost:端口号;
11. 使用浏览器访问访问该地址http://127.0.0.1:端口号/
能够访问到页面 表示 vue环境搭建成功。
2. 使用vue devtools插件
从github上面下载 dev tools 4.0 4.10,
进入到对应文件夹下面,使用 npm install;
然后执行 npm run build ,之后在chorme的开发者模式下面,点击 选择加载已解压的文件。
找到类似 vue-devtools-4.1.0\shells\chrome 的文件夹,选中 chorme文件夹,点击确认 添加 vue devtools 插件。