Chrome浏览器中安装vue插件(vue-devtools)

1.下载

GitHub https://github.com/vuejs/vue-devtools

2.解压

把压缩文件解压到对应目录，进入该目录

3.命令

npm或yarn都可以。
npm

//安装依赖
npm install
//打包
npm run build

yarn

//安装依赖
yarn install
//打包
yarn run build

注：有时npm会报错，建议使用yarn。

4.修改文件

打开…\vue-devtools-dev\packages\shell-chrome文件夹。
找到manifest.json文件，修改persistent为true，保存文件。

5.打开扩展程序

打开谷歌浏览器扩展程序chrome://extensions/，将shell-chrome文件夹拖入，完成安装。（记得勾选右上角的开发者模式）

6.可能遇到的问题

(1)Vue.js not detected
解决方法：
打开扩展程序，点击详细信息。勾选“启用”和“允许访问文件网址”，就可以了。

(2)右上角的Vue图标变亮，但是在开发者工具中没有出现Vue调试。
解决方法：
在项目入口文件（main.js）加上：

Vue.config.devtools = true;