如何详细安装并使用vue-devtools进行Vue.js应用调试？

本文共计355个文字，预计阅读时间需要2分钟。

1. 下载压缩包，GitHub下载地址：[https://github.com/vuejs/vue-devtools](https://github.com/vuejs/vue-devtools)

2.解压此文件

3.使用命令提示符或IDE进入文件夹

4.在文件夹下运行（可在命令提示符窗口或IDE中运行）

1、下载压缩包，github下载地址：github.com/vuejs/vue-devtools

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就可以看到插件成功安装并运行。