安装vue开发调试神器vue-devtools

工欲善其事, 必先利其器

以下步骤需要本机安装node.js情况下, 若没有安装node.js请安装

正式开搞

1. 在github上下载vue-devtools源码: https://github.com/vuejs/vue-devtools.git
2. 进入vue-devtools目录, 在目录框体处输入cmd, 进入命令模式
3. 在命令窗口输入: npm install
4. 修改 vue-devtools-master\shells\chrome\下manifest.json文件中persistent属性值修改为true
5. 在命令行输入: npm run build
6. 浏览器添加拓展程序, 将开发者模式开启, 选择加载已解压的扩展程序, 选择目标目录为: vue-devtools-master\shells\chrome
7. F12使用此神器