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成功
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！