vue-devtools是一款基于chrome浏览器的插件，用于vue应用的调试，这款vue调试神器可以极大地提高我们的调试效率。帮助我们快速的调试开发vue应用。
这里介绍一下vue-devtools的安装方法之一：
chrome浏览器的应用商店不能直接访问（需要跨域），所以直接应用商店安装的方法就行不通了。
方法2：
查看过很多博客大多数都是，要安装Vue-Devtools，在一个github下面用git clone或者手动下载一个叫做vue-devtools-master的文件。然后呢，你就要用npm install，然后再npm run build。一番辛苦了之后，你就会发现npm安装好了之后，npm install build又会出现一大串的问题。。。此时的你一定是想日了狗。。。你要的只是简单的安装一个的调试工具
方法3：
上GitHub，下载一个已经用npm处理过的Devtools源码，而且已经给你配置好了manifest.json和webpack.config.js文件，已经处理好了，拿来就用。啥也不说了，直接到我的GitHub上找：链接
或者去鄙人百度云盘下载：
链接：https://pan.baidu.com/s/1puixti2cKaK6F9pMF_Cy-Q
提取码：zpqa
下载完成之后解压，然后打开谷歌浏览器安装如下操作：
安装成功之后：
重启浏览器，然后打开我们vue程序然后F12：
标签：npm,vue,浏览器,devtools,安装,调试 来源： https://www.cnblogs.com/luzhanshi/p/11905132.html
本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享； 2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关； 3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关； 4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除； 5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。