chrome 安装vue-devtools拓展插件

此前已经尝试了网上说是最常见的 下载源码下来进行安装的方式了，但是在执行npm install安装依赖的时候，还是一直报错，安装失败。

现在是方法是网上找到的另外一种方法，操作了是成功的。因此记录下来。

1、新建一个空的文件夹

在你觉得合适的路径下，新建一个空的文件夹，名称标明即可。我的直接是”vue-devtools“

2、进入 vue-devtools

3、按住shift 键，然后鼠标右键 开发powershell。或者cmd 用命令进入到这个文件夹里面也可以。

4、在终端执行  npm install vue-devtools 

 下载完成之后，会出现一个node_modules 的文件夹

 然后进入这个文件夹，找到vue-devtools

然后找到 vender文件夹

 

 然后打开chrome浏览器---右侧【...】--更多工具---拓展程序----打开右侧的【开发者模式】---然后将刚刚找到的vender的文件夹直接拖到这里

 拖进来之后，就会出现 vue.js devtools 了

 5、然后打开vendor下的manifest.json文件，将persistent修改为true，保存文件，刷新浏览器即可。

 

然后我们随便打开一个vue项目，浏览器右键检查，就能看到vue了。