本文主要是介绍Chrome浏览器中的vue插件devtools的下载方式（使用Chrome应用商店/科学上网情况下），希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
目录
devtools对前端来说的好处——开发预览、远程调试、性能调优、Bug跟踪、断点调试等
下载步骤：
测试阶段：
最近做项目要使用devtools这个vue插件。
devtools对前端来说的好处——开发预览、远程调试、性能调优、Bug跟踪、断点调试等
下载步骤：
首先先想个办法搞个加速器之类的，好实现科学上网。
在Chrome浏览器中访问以下网址：
Chrome应用商店网址：
https://chrome.google.com/webstore/category/extensions?utm_source=chrome-ntp-icon
访问后的效果：
在左上角的搜索店内应用里面，输入devtools
然后点Chrome浏览器右上角的
三个点-设置-扩展程序
上图设置1,2,3这些是为了防止出现显示Vue.js not detected这个情况
记得要打开开发者模式
点devtools的详情
打开允许访问文件网址
然后点左上角的更新
测试阶段：
启动一个vue项目
然后F12打开控制台
显示里面多出来一个vue,则表明下载安装devtools成功
这篇关于Chrome浏览器中的vue插件devtools的下载方式（使用Chrome应用商店/科学上网情况下）的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
