vue-devtools安装

vue的调试工具 vue-devtools 的安装和使用

安装: 

1.到github下载：

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

2.进入vue-devtools目录下切换到主分支安装依赖包

#cd vue-devtools

#git checkout master

#npm install

3.依赖包下载完后执行npm run build

npm run build

4.译打包成功后会在shells下生成chrome文件夹。此文件夹就是用来放入chrome的扩展程序。

5.扩展Chrome插件

打开Chrome浏览器 -选择更多工具-扩展程序   -打开开发者模式

点击加载已解压的扩展程序, 找到刚才生成的chrome文件夹，选择 vue-devtools > shells > chrome 放入

 

安装成功如下图