Vue开发调试工具/插件 (Vue.js Devtools)

Vue开发调试工具

Vue开发调试插件

更新记录：

2022年11月23日23:54:36 更新  最新的两个版本

• Vue_Devtools_v6.4.5 (10262022) —— Vu2 版本
• Vue_Devtools_beta_v6.0.0.21 (12272021)——Vue3 版本

2021年10月6日15:24:31 更新 最新的版本

• vue_devtools_chrome_5.3.4

.....

虽然，很早已经学完vue2，最近也一直在学vue3，所以这篇博客会一直更新。不定时更新最新版的开发调试插件，方便大家下载安装。

安装方法一：

不采用自动构建，文件是 .crx 结尾文件（直接拖入浏览器即可）。点击即可下载！【秘钥：ak0c】

1. 进入到【谷歌扩展程序】界面。在谷歌浏览器直接输入： chrome://extensions/   即可进去扩展程序界面。
2. 把.crx结尾的文件拖入浏览器即可。

 

 

---

 

 安装方式二：（不推荐）

　　去GitHub下载代码，自动构建。大概这6步，但是前3步，就有些麻烦了，索性，直接打好一次包。

　　安装包，我已经打包好了，解压即可使用。肯定不是毒盘，放心下载：点击即可下载！【秘钥：ak0c】

　　方法二，需下载 ZIP 压缩包，自行解压。

 

 

1. 找不到 谷歌扩展程序的，可以输入在谷歌浏览器直接输入： chrome://extensions/   即可进去扩展程序界面。
2.  进入后，选择加载已解压的拓展程序。即可使用。（如下图一）
3. 进入 Vue写的页面 F12 进去控制台，就可看到 Vue的 调试工具了。（如下图二）

图一：

图二：

 

相关推荐:

React开发调试工具/插件(React_Developer_Tools)