vue-devtools插件最简单的安装方式,不需要安装npm环境
devtools
vuejs/devtools: Vue.js 开发者工具,这是一个浏览器插件,可以安装在 Chrome 和 Firefox 等现代浏览器中,用于调试 Vue 应用程序,提供了组件树查看、状态快照、时间旅行等高级调试功能。
项目地址:https://gitcode.com/gh_mirrors/de/devtools
免费下载资源
·
1、下载 vue-devtools
插件
网址:https://chrome.zzzmh.cn/info?token=nhdogjmejiglipccpnnnanhbledajbpd
2、在chrome浏览器中打开扩展程序页面,并打开开发者模式
可以在地址栏输入:chrome://extensions/
3、将下载好的带crx后缀的文件,直接拖到页面里
安装成功后会出现下图中的vue插件
注:这一步可能会出现crx文件无法安装的情况,可以试一下下面的解决方法
1.将 crx
文件后缀改为 zip
然后解压出来。
2.在chrome插件页面中点击
3.选中刚刚解压出来的文件夹
4、点击详细信息,将下图中的选项都打开
5、打开网站查看vue-devtools
是否可以正常使用
#可能会遇到的问题
1、插件安装完成后,在F12中没有看到vue的标签
解决方法:
1.首先看一下项目中引入的是不是vue.min.js
,必须引入vue.js
才能使用vue-devtools
2.chrome浏览器中输入chrome://version/
,在我的电脑中打开下图中的路径
2.1定位到文件夹以后,打开插件列表查看vue-devtools
的id,并进行搜索
2.2搜到以后用编辑工具打开下图的文件
2.3下图中的位置改为true
GitHub 加速计划 / de / devtools
24.6 K
4.14 K
下载
vuejs/devtools: Vue.js 开发者工具,这是一个浏览器插件,可以安装在 Chrome 和 Firefox 等现代浏览器中,用于调试 Vue 应用程序,提供了组件树查看、状态快照、时间旅行等高级调试功能。
最近提交(Master分支:2 个月前 )
79116147 - 4 个月前
f0359002 - 4 个月前
更多推荐
已为社区贡献2条内容
所有评论(0)