chrome插件vue-devtools安装

什么是vue-devtools？

vue-devtools是一款基于chrome游览器的插件,用于调试vue应用,这可以极大地提高我们的调试效率.

怎么安装？

1. chrome应用商城直接搜索安装，但是，貌似这个不太可行
2. 源码编译和安装

源码编译和安装

1. 访问vue-devtools的github地址, 在右侧的Releases处可以看到，当前最新稳定版本为6.1.4

   
   当然了， 可以无需访问查看，直接使用6.1.4版本也行

2. 拉取6.1.4版本的源码 git clone -b v6.1.4 https://github.com/vuejs/vue-devtools.git vue_devtools

3. 进入代码目录 cd vue_devtools

4. 安装依赖包 yarn install

   
   看到这个则表示yarn install已完成

   如果yarn install卡在Building fresh packages，可以执行yarn config set "chromedriver_cdnurl" "https://npm.taobao.org/mirrors/chromedriver"

5. 打包 yarn run build
   
   看到这个则表示yarn run build已完成

6. chrome访问chrome://extensions/, 开启开发者模式，选择加载已解压的拓展程序，然后选择代码路径下的packages/shell-chrome文件夹

7. 在拓展程序列表看到这个， 表示已经安装成功

   

后话

这里为啥不拉取最新代码？ 试过了，但是执行yarn run build的时候，都会报错， 试了很久后， 还是放弃了， 如果有成功的小伙伴， 欢迎私聊我方法， that’s all， thx