Vue Devtools插件是一个专为前段开发打造的浏览器拓展插件。是基于google chrome浏览器的一款调试vue.js应用的开发者浏览器扩展，可以在浏览器开发者工具下调试代码。做前端开发的IT工程师应该比较熟悉这款工具，可以边侧边栏窗格中的页面，边检查代码。由于vue是数据驱动的，所以这就存在在开发调试中查看DOM结构并不能解析出什么。但是借助vue-devtools插件，我们就可以很容易的对数据结构进行解析和调试。
使用说明
1、下载压缩包
2、解压此文件夹
3、用命令提示符或编译器进入此文件夹
4、在文件夹下依次运行（可以在命令提示符窗口也可在编译器中）：
I、npm install安装所需要的依赖
II、npm run build构建（如果未执行此步，shells->chrome文件夹下会缺少build文件夹）
5、在shells->chrome->manifest.json文件中修改 background 下 persistent 的值为 true
6、在chrome浏览器中找到设置->扩展程序，然后开启开发者模式，将插件中shells文件夹下的chrome文件夹直接拖到开启了开发模式的扩展程序页面，完成安装。
7、在插件文件目录下运行npm run dev,至此插件已成功安装，打开本地localhost:8080就可以看到插件成功安装并运行。
8、用chrome浏览器打开本地的其他项目，就可以看到浏览器已成功的安装了vue-devtools，可以用浏览器去调试vue项目啦。（此时不需要再在插件文件夹下运行npm run dev）
精品推荐
-
IntelliJ IDEA 2019
下载 -
Microsoft VC++6.0安装包
下载 -
Microsoft VC++2015版运行库
下载 -
VC++2019运行库
下载 -
RobotStudio
下载 -
Intel Visual Fortran
下载 -
Microsoft Visual Studio 2022
下载 -
Microsoft VC++2010运行库安装包
下载 -
WeDo 2.0
下载 -
RVDS
下载 -
博途V16仿真软件破解授权版
下载 -
hypermill2021超级加密狗破解版
下载 -
JetBrains PyCharm 2021
下载 -
星三好图形化编程软件官方最新版
下载 -
源码编辑器4.0
下载 -
欧姆龙plc编程软件9.7
下载
-
本类热门推荐本类热门标签
-
下载
博途v15破解版安装包 (附授权密钥)V15.1
27.01GB / 3分
-
下载
microsoft visual studio 2019免费版 (附密钥激活码)V16.11.2
1.14MB / 3分
-
下载
Microsoft VC++2010运行库安装包 官方正版
10.2MB / 3分
-
下载
宝玉编程助手 最新版v0.0.05
6.22MB / 3分
-
下载
Python IDLE 中文版 v3.7
632KB / 3分
-
下载
Microsoft Visual Studio 2022 中文正式版v17.0.0
1.32MB / 3分
-
下载
IDM UEStudio Pro 官方版v20.10
101.97MB / 3分
-
下载
-
8 Atom编辑器
装机必备软件
网友评论