vue-devtools 安装 ​

为了方便观察数据的状态我们常用的vue调试工具为vue-devtools, 如果你的谷歌可以翻墙，可以点击安装。

但是大多数的伙伴是没有翻墙的，那么我们可以通过github代码安装。

打开github ​

1、打开vue-devtools代码仓库，下载Source code。

2、解压代码，并使用yarn安装依赖。

// 切换electron镜像 否则会安装依赖失败
npm config set ELECTRON_MIRROR https://npm.taobao.org/mirrors/electron/

// 安装依赖
yarn install

3、运行yarn build进行打包。

谷歌中安装插件 ​

1、打包完成后，打开谷歌扩展程序: chrome://extensions/，并打开开发者模式, 选择刚才打包完成后的shell-chrome文件夹。

2、关闭浏览器并重新打开，会发现多了一个vue调试工具。