Vue.js devtools Chrome 插件

annayy 开发者工具375阅读模式

 

Vue.js devtools 的使用方法详解和全面的教程

Vue.js devtools 描述:
用户数:1000000

分类:开发者工具插件

扩展大小:2.4 MiB

最后更新时间:2021-12-21

版本:v 6.2.1

Vue.js devtools 背景简介
我们chrome扩展网之前介绍过Vue.js devtools,是基于google chrome浏览器的一款调试vue.js应用的开发者浏览器扩展,可以在浏览器开发者工具下调试代码。做前端开发的IT工程师应该比较熟悉这款工具,可以边侧边栏窗格中的页面,边检查代码。由于vue是数据驱动的,所以这就存在在开发调试中查看DOM结构并不能解析出什么。但是借助vue-devtools插件,我们就可以很容易的对数据结构进行解析和调试。本文重点介绍Vue.js devtools使用方法,提供chrome插件直接安装和源代码安装两种方法,你还可以在其中找到常见问题即安装之后“vue.js not detected“的解决办法。

Vue.js devtools Chrome 插件
      Vue.js devtools插件下载方法/流程:
关注“Chrome扩展网”公众号或者添加小编QQ330463995,即可下载最新安装文件。

      Vue.js devtools插件安装教程/方法:
(1)将Chrome扩展网上下载的安装包文件(.zip)解压为文件夹,其中类型为“crx”的文件就是接下来需要用到的安装文件

(2) 从设置->更多工具->扩展程序 打开扩展程序页面,或者地址栏输入 Chrome://extensions/ 按下回车打开扩展程序页面

(3) 打开扩展程序页面的“开发者模式”

(4) 将crx文件拖拽到扩展程序页面,完成安装

Vue.js devtools插件介绍原文

Browser DevTools extension for debugging Vue.js applications.
Chrome devtools extension for debugging Vue.js applications.

本站文章均为原创,版权归本站所有,如需转载或引用请注明出处

weinxin
我的微信
“Chrome扩展网”微信公众号
微信扫码关注公众号,回复“验证码”获取插件
annayy
  • 本文由 发表于 2023年2月18日 14:15:14
  • 转载请务必保留本文链接:https://www.chromekz.com/devetool/1480.html
  • Vue.js devtools
  • Vue.js devtools插件,开发者浏览器扩展