vue devtool 安装-最简步骤

vue devtool是chrome的一个调试VUE项目的插件
如果使用的话需要单独安装扩展
安装完 打开F12控制台就会显示 vue 调试项

安装 vue devtool 过程分为三步:
1.下载
2.改参数
3.配置到浏览器

---

1.下载

下载地址: https://github.com/vuejs/vue-devtools

先执行：npm install

再执行：npm run build

是的，这并不是一个 .exe 或者其他什么格式的安装包，这是一个git项目，拉下来之后需要跟普通webpack项目一样下载依赖然后build，不过这个build在这具体都干了些啥可以自己打开package.json文件看一下，这里不过多讲述。

2.改参数

从当前项目根文件夹中找到：shells/chrome/manifest.json 文件
用编辑器打开该文件并找到：persistent 属性
将其值改为：true

3.配置到浏览器

首先 打开chrome浏览器
然后在右上角选项中找到 扩展程序

然后在扩展程序页面中将 开发者模式 打开

(最关键一步)
最后把在刚刚克隆的项目中
shells 文件夹下的 chrome 文件夹
直接拖拽至浏览器扩展程序页面的空白处

重启一下浏览器，打开F12你就能看到vue调试模块了

如果本贴帮助到你就请点个赞多多支持吧！