vue-devTools（chrome调试插件）

引用网址：https://www.cnblogs.com/yuqing6/p/7440549.html

一，安装

1.github下载

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

2 进入目录使用命令行安装

cd vue-devtools
npm install

3修改manifest.json (  打开shells>chrome>src>manifest.json并把json文件里的"persistent":false改成true )

 

 4 编译代码

npm run build

5 拓展Chrome插件

Chrome浏览器 >  更多程序 > 拓展程序 

点击加载已解压程序按钮, 选择 vue-devtools > shells > chrome 放入, 安装成功如下图

 

 

 

6. vue-devtools使用

vue项目, 打开f12, 选择vue就可以使用了.

vue是数据驱动的, 这样就能看到对应数据了, 方便我们进行调试