前言
vue-devtools是用于调试vue应用，这可以极大地提高我们的调试效率。
chrome商店直接安装
vue-devtools可以从chrome商店直接下载安装，非常简单，这里就不过多介绍了。不过要注意的一点就是，需要翻墙才能下载。
手动安装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文件，点击确定（搞定）
如图：
参考图.png
网友评论