vue-devtools安装

1.git clone https://github.com/vuejs/vue-devtools.git

2.进入 vue-dev-tools-master，执行 npm install 安装依赖

3.执行npm run build

4. 修改shells/chrome/mainifest.json 中的persistent为true

ee8d874f1d2b3c3f4db91b78c3509ba.png

5.打开谷歌浏览器的设置--->扩展程序，并勾选开发者模式

[图片上传失败...(image-f020e8-1517387643987)]

6.将刚刚编译后的工程中的shells目录下，chrome的整个文件夹直接拖拽到当前浏览器中，并选择启用，即可将插件安装到浏览器

并选择启用--->

3d014c6aea94969722b3b45a49c0f94.png

b9be1c45b693b74939ecc69815ad8ee.png

7.打开一个已有的vue项目，我们以todolist项目为例，运行项目，然后在浏览器中--->设置--->更多工具--->开发者工具，进入调试模式

c4f55139f230bade6b3865333ffdedf.png