vue-devtools安装过程

1.什么是vue-devtools

vue-devtools是一个用于Vue.js开发环境的浏览器扩展，非常有助于调试和开发Vue应用程序。

2.安装过程

新建一个vue-devtools空文件夹，进入该文件夹内用命令行打开，输入npm install vue-devtools。如图:

安装好，文件夹里面结构如下：

下载完成后，进入该文件下的node_modules 文件夹，找到 vue-devtools 文件夹，进入此文件夹，将其中vender 文件夹下的 manifest.json文件 进行编辑，修改persistent为 true，保存文件。

打开浏览器(以chrome为例),找到扩展程序,点击管理扩展程序,并勾选开发者模式，点击出现的加载扩展程序按钮。

最后选择vender 文件，重启浏览器就可以使用了:

如图，这其实是正常的。重启浏览器。

下面来测试一下:打开一个用vue开发的项目。按F12或者右键检查。如图出现vue字样，就说明已经成功安装。

vue-devtools的具体使用可以查看相关说明书。