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
