安装vue devtools工具 提示yarn There appears to be trouble with your network connection. Retrying...

环境： win10 ，安装vue devtool工具

一、正常安装vue devtools工具流程

1、将代码克隆到本地

git clone git@github.com:vuejs/devtools.git

2、进入devtools目录

cd devtools

3、该项目是通过yarn管理包的，yarn弥补了一些npm的缺陷，所以通过yarn命令安装包，这一步相当于npm install，如果没有安装yarn，先通过npm安装yarn

(全局安装yarn)

npm install -g yarn

 （通过yarn安装包，相当于npm install操作）

yarn

4、打包该工具，便于放入浏览器的插件中

yarn run build

5、打开chrome浏览器，点击右上角的“更多工具->扩展程序”，然后打开“开发人员模式”。

 点击“加载已解压的扩展程序”，然后选择"devtools\packages\shell-chrome"，即可看到vue devtools的插件

二、安装过程中，提示yarn There appears to be trouble with your network connection. Retrying...

 先说一下，我的安装经历，最开始我在台上电脑上安装这个devtools工具，当时直接在git仓库下载的压缩包到本地，安装的非常顺利。后来，我在笔记本上安装这个工具的时候，直接git clone到本地，结果各种问题。

最后，我发现直接通过git clone的方式将代码克隆到本地时，我没有选择最新的分支，导致安装一些包时，非常卡，总是提示连接超时。后来，我直接将分支切到最新的tag分支上，再次安装时，非常顺利。

下面是我安装的曲折过程。

虽然我运行npm install -g yarn时，显示已经安装成功，但是我在cmd中输入yarn时，

总是提示“There appears to be trouble with your network connection. Retrying...”

 于是，我尝试换源

yarn config set registry https://registry.npm.taobao.org

 感觉还是很慢，后来果然很慢，估计花了20分钟，卡在最后面的两步，后来，我停掉了。

 于是，我又尝试运行yarn，出现“error An unexpected error occurred: "https://registry.yarnpkg.com/typescript/-/typescript-3.9.10.tgz: unexpected end of file".错误

后来，我又重新git clone了代码，然后清理yarn的缓存

yarn cache clean

发现还是很卡，总是到最后两步的时候卡

后来，我又重新看了我克隆的代码分支，tag，然后我选择的tag是3.0的，最新的都6.10了，于是，我选择了6.10.

 

还看到其它的方式有

方式1：移除代理

npm config rm proxy
npm config rm https-proxy

方式2：设置超时时间

• yarn add <yourPackage> --network-timeout 100000
• yarn install --network-timeout 100000

参考：npm/yarn报错there appears to be trouble with your network connection. retrying - 简书 (jianshu.com)

yarnpkg - Yarn - There appears to be trouble with your network connection. Retrying - Stack Overflow （很全面）