分类
大小:.49M更新:2019-09-25
类别:浏览辅助系统:WinAll
Vue.js devtools是一款chrome浏览器上的开发者调试插件,你可以通过这款插件在浏览器开发者工具下调试代码。由于vue是数据驱动的,所以这就存在在开发调试中查看DOM结构并不能解析出什么。但是借助vue-devtools插件,我们就可以很容易的对数据结构进行解析和调试。
1、你可以从chrome应用商店里找到Vue.js devtools插件,如果你的chrome应用商店无法打开,你可以在本站的下方找到Vue.js devtools下载地址。
2、离线安装chrome插件的方法均可参照:怎么在谷歌浏览器中安装.crx扩展。如果你是最新版chrome浏览器,可以参考chrome 67版本后无法拖拽离线安装CRX格式插件的解决方法。
3、下载Vue.js devtools的crx文件后,打开Chrome的扩展页面(chrome:// extensions /或按Chrome菜单图标>更多工具>扩展程序查找),然后拖放 crx文件到扩展页面安装它;
4、点击“添加拓展程序”完成安装。
5、Vue.js devtool插件安装后无法使用,出现提示“vue.js not detected”,这时我们可以使用下面的方法:
第一,我们需要找到Vue.js devtool插件的安装目录。(如果真找不到插件的安装位置,可以在本地电脑搜索插件的ID:nhdogjmejiglipccpnnnanhbledajbpd。)不同操作系统中chrome插件安装位置不同,比如win8系统中chrome插件的安装位置:C:\Users\Administrator\AppData\Local\Google\Chrome\User Data\Default\Extensions\nhdogjmejiglipccpnnnanhbledajbpd
第二,在找到了Vue.js devtool插件的安装目录后,打开mainifest.json文件(这是关键)。
将mainfest.json中代码persistent:false,修改成persistent:true。如下图所示:
一般情况下,修改完如上的位置的代码。打开vue项目后,在控制台选择vue,就应该可以正常使用了。
第三,如果通过上面的方法调整过后,还是不能够使用,那么可以调整一下webpack.config.js的代码,如下图所示:
最后,重启一下你的vue项目应该就可以使用了。
如果页面使用的是Vue.js的生产/精简版本,则默认情况下禁用devtools检查,因此不会显示Vue窗格。
要使其适用于通过file://协议打开的页面,您需要在Chrome的扩展程序管理面板中选中此扩展程序的“允许访问文件URL”。
仅当您希望自己从源代码构建扩展以获取尚未发布的功能时,才需要这样做。
浏览器广告清理工具ZHPCleaner浏览辅助M2019.6.1.28 官方最新版
查看H5页面视频播放速度调节插件HTML5 Video Speed Control浏览辅助.04Mv0.5.2 免费版
查看SciHub电脑版浏览辅助.46M3.1
查看页面变动监控软件Distill web monitor浏览辅助Mv1.9.5 免费版
查看360云盘云加速上传控件浏览辅助.82MV1.0.107 官方安装版
查看唯一vip会员获取软件浏览辅助Mv4.7最新免费版
查看修仙修改机器码工具浏览辅助.41MV1.0.0.1绿色版
查看排名牛淘宝无线端刷流量软件浏览辅助Mv0.0.1
查看网站CSS样式表查看插件CSS Peeper浏览辅助.27Mv4.0 官方最新版
查看短视频上热门作弊软件浏览辅助.58Mv1.0最新免费版
查看网易云灰色歌曲解锁浏览辅助MV6.0免费版
查看方力论文助手浏览辅助M1.5.1免费版
查看Bei Ming Box浏览辅助MV1.5永久免费版本
查看文本选中复制插件浏览辅助Mv2.0.1 官方版
查看音悦mini地址获取器浏览辅助.57Mv2.0绿色版
查看全民K歌多功能工具附源码浏览辅助.95MV1.0绿色免费版
查看林大大软件宝盒(聚合论坛工具箱)浏览辅助MV1.0.0免费版
查看获取百度云提取码浏览辅助Mv1.1 最新绿色版
查看雷神全民K歌刷播放量工具浏览辅助M
查看大王卡活动链接生成器浏览辅助MV1.0免费最新升级版
查看一罐APP私聊脚本浏览辅助M1.6.4安卓版
查看局域网设置工具浏览辅助.29M1.0绿色版
查看易班刷票小助手浏览辅助.48MV2.0绿色版
查看手机靓号扫号神器浏览辅助.45MPC版
查看点击查看更多