vue-devtools安装使用步骤详解

1.下载压缩包。github下载地址：https://github.com/vuejs/vue-devtools

2.解压此文件夹

3.使用命令提示符或编译器进入该文件夹

4.依次在文件夹中运行(在命令提示符窗口或编译器中):

一. npm安装所需的依赖关系

二.npm运行构建(如果不执行此步骤，shell-chrome文件夹下的构建文件夹将丢失)

5.将shell-chrome-manifest . JSON文件中后台的持久值修改为true

6.在chrome浏览器中找到setup-extension程序，然后打开开发者模式，打开开发模式，将插件中shells文件夹下的chrome文件夹直接拖动到扩展页面，完成安装。

7.在插件文件目录下运行npm run dev，插件已经成功安装。打开本地localhost:8080，可以看到插件已经成功安装运行。

8.用chrome浏览器打开其他本地项目，可以看到浏览器中已经成功安装了vue-devtools。您可以使用浏览器调试vue项目。(此时无需在插件文件夹下运行npm run dev。)

以上就是所有关于vue-devtools安装和使用的知识。感谢您的学习和支持。