vue-devtools插件的下载和安装

1、通过官方地址下载：​​​​GitHub - vuejs/devtools: ⚙️ Browser devtools extension for debugging Vue.js applications.

2、选择版本 v5.1.1   ：好多次才测验出来这个版本简单快捷易操作。

 3、点击downlaod ZIP  下载到本地

 4、将压缩包解压  依次执行命令  

① npm install  

② npm run build  

 5、在google 浏览器输入 ‘chrome://extensions/’  打开扩展程序管理  打开开发者模式 点击‘加载已解压的扩展程序’ ，选中devtools-5.1.1文件夹下的shells-chrome  添加成功就安装成功了。

在启动vue项目的时候  打开控制台就可以看到如下页面  就很方便我们调试项目了。