[vue]开发者工具 vue devtools 安装

开发vue项目时，发现控制台中的提示

Download the Vue Devtools extension for a better development experience:
https://github.com/vuejs/vue-devtools

( 下载Vue Devtools扩展以获得更好的开发体验 )

记录一下安装过程，希望能帮助到各位：

链接：https://github.com/vuejs/vue-devtools

1、进入链接后，下载并解压文件包

2、 控制台进入解压后的文件夹，安装依赖包：执行 npm i --legacy-peer-deps

这里我用VScode打开文件夹，并使用内置的控制台，安装中会有一些警告，装完以后，还会提示什么漏洞修复之类的，我们就全当没看见

3、修改配置文件

依赖包安装完成后，进入packages/shell-chrome目录

将manifest.json文件中的persistent值 改为true

4、执行 npm run build 

5、打开Chrome浏览器，进入扩展程序，开发者模式，将刚刚的shell-chrome目录拖动到浏览器上就行了

顺便验证一下自己是不是安装成功了：

如果在cherome浏览器右上角插件栏位置，看到了VUE开发工具，那么恭喜你

--------------------------------安装完成-------------------------------