使用vue项目中在浏览器中增加调试工具vue-devtools

vue-devtools是一款对vue进行调试的工具，当然对vue进行调试的时候你要使用vue.js不能使用vue.min.js的包

接下来说一下怎么安装这个调试工具

安装这个调试工具我这里有两种方法

第一种就是通过谷歌的应用商店进行下载扩展程序就行，但是有一个限制就是你的浏览器要支持能够*才行

第二种就普遍很多了，没有什么要求，通过在网上查找vue-devtools下载一个，当然网上有很多是错的你下载之后也不能使用，我这里有一个地址可以使用https://chrome.zzzmh.cn/info?token=nhdogjmejiglipccpnnnanhbledajbpd，下载完成之后能，你就能通过开发软件进行打开，无论是idea、vsCode、webStorm等等都可以进行打开，打开之后等着加载完毕之后，需要安装必须的依赖，进入你的项目文件夹输入npm install或者你有cnpm install了可以使用cnpm install这个不容易出现下载依赖报错什么的

下载完依赖之后，等着软件加载完项目下载的依赖你就能对项目进行打包，通过文件夹下输入npm run build

打完包之后你需要打开文件夹下的shells文件==>>chrome文件夹==>>mainifest.json文件，把json文件中persistent改为‘true’

在之后你就可以打开你的谷歌的扩展程序三个点下的==》更多工具==》扩展程序或者直接这个网址chrome://extensions/

然后点击开发者模式打开

这样就可以了，然后使用vue时你会发现你的f12下出现vue的调试还有你的浏览器中出现插件vue图标