1.前言

vue-devtools是用于调试vue应用，这可以极大地提高我们的调试效率。

2.chrome商店直接安装

vue-devtools可以从chrome商店直接下载安装，非常简单，这里就不过多介绍了。不过要注意的一点就是，需要翻墙才能下载。

3.手动安装vue-devtools

第一步：从git上clone vue-devtools地址

git clone https://github.com/vuejs/vue-devtools.git

第二步：安装依赖

npm install 或者 yarn

第三步：修改配置

在packages -> shell-chrome -> manifest.json中找到："persistent": false 改为 "persistent": true

第四步：打包文件

npm run build 或者yarn build

第五步：

在谷歌浏览器找到【扩展程序】
打开【开发模式】
选择【加载已解压的拓展程序】
在找到 vue-devtools项目，选择packages -> shell-chrome文件，点击确定（搞定）

如图：