All items for 11月, 2020

github clone很慢，github上不去，github.io无法访问

11月 15, 2020

分类:Web工具

问题

github 是程序员必备的代码仓库和学习网站，但是当你发现一个开源库并把它clone下来的时候，发现一直卡住不动，及时能下载也只有几k的速度。

并且，虽然能上github，细心的同学可以发现，大多数github站内图片也是打不开的。

还有的项目的博客或者文档是托管在github.io上的，这个网址也经常是访问不了。

有没有什么补救措施？

解决

首先参考众多网友的智慧，马上就有了方案

方案一：设置git config

修改下git的配置

git config --global http.postBuffer 524288000

有同学用了这个配置，速度就提升了，但是小编用了没有效果，可能还是要看网络原因。

方案二：cnpm镜像

国内大型镜像系统cnpm的服务又来啦！

操作很简单，只要我们将原本的网站中的https://github.com 进行替换为https://github.com.cnpmjs.org即可，比如，

git clone https://github.com/openHacking/vuepress-plugin-qrcode

可以改为

git clone https://github.com.cnpmjs.org/openHacking/vuepress-plugin-qrcode

笔者经过试验，速度确实有所提升，快的时候大概有500k的样子。但是因为镜像是有同步周期的，如果是对实时性要求比较高的小伙伴，需要注意下这个问题。

方案三：gitee同步

这是一个利用gitee.com（码云）的github仓库的一键同步服务，来做一个中转，实现快速下载github项目的目的。

具体操作：

1.注册【码云】

2.通过【码云】【从github导入已有项目】

3.git clone【码云】中的项目

注意：笔者试验过确实可以同步，而且码云的速度还挺快。但是有两个缺点：1.每看到一个库就同步再下载，有点麻烦 2.如果仓库太大，是同步不过来的。所以这个方案也不是万能的。

方案四：修改host文件

git clone特别慢是因为github.global.ssl.fastly.net域名被限制了。
只要找到这个域名对应的ip地址，然后在hosts文件中加上ip–>域名的映射，刷新DNS缓存便可。

具体操作：

在网站 https://www.ipaddress.com/ 分别搜索：

github.global.ssl.fastly.net
github.com

得到对于的ip地址

打开hosts文件

– Windows上的hosts文件路径在C:\Windows\System32\drivers\etc\hosts
– Linux的hosts文件路径在：sudo vim /etc/hosts

在hosts文件末尾添加两行(对应上面查到的ip)

151.101.185.194 github.global-ssl.fastly.net
192.30.253.112 github.com

保存更新DNS

– Winodws系统的做法：打开CMD，输入ipconfig /flushdns
– Linux的做法：在终端输入sudo /etc/init.d/networking restart

重新git clone试试

注意：建议多试验几家ip地址获取的服务，因为ip也有被污染的情况，通常一个ip不一定靠谱。笔者经过尝试，发现这种方法并不是很奏效，git clone还是龟速。

方案五：代理

通过本地代理软件，将github代理转发到可以高速访问的服务器上，代理技术有很多应用场景，现在就是一个。

大致步骤：
1. 大多数同学会推荐shadowsocks，加上免费白嫖的账户，就可以链接上了
2. 设置github代理

git config --global http.https://github.com.proxy https://127.0.0.1:1080
git config --global https.https://github.com.proxy https://127.0.0.1:1080

注意这是对https的仓库链接有效果。

小编试验完，发现这个代理并没有作用，已经显示连接上了，但是网速依然感人，不知道哪里出了问题。欢迎试验成功的小伙伴留言区告诉小编。

其实小编估摸着大家已经把所有的方案都试过一遍了，效果还是不如人意。饱含着一整个工作日的研究与心酸泪，小编最后终于发现了一个终极大招：EXPRESS。

因为小编想通了一件事情，作为一个合格的程（da）序（gong）猿（ren），没有一款能够稳定输出、坚挺硬刚的强力代理软件，是无法正常享受流畅开发体验的，现在都5G时代了，下个github代码还在5k的速度，内心再也不能接受。

可能有小伙伴对这块有所研究，或许已经成为大家的每日必（kan）备（pian）工（shen）具（qi）。如果有小伙伴对此有所疑虑，那么小编推荐大家仔细阅读下面这篇文章。小编仔细阅读了这篇推心置腹的文章之后，就迅速入手了，也解决了小编多年的上网烦恼。

程序员必备姿势

这是小编使用过的最稳定最快的代理服务，没有之一。

动手做起来，你就成功了一半。

彻底解决npm install卡住不动npm安装报错最全指南

11月 14, 2020

分类:Web工具

问题

在使用npm install安装某个npm依赖包时，比如安装vue

npm install vue

发现进度条一直卡住不动，或者一个包下载很久，相信很多朋友也遇到过。原因应该是国内的网络连接npm速度比较慢，甚至很多的依赖包都无法直接下载下来。那么如何解决这个问题呢？

写在前面：

本文的内容大致为笔者在使用很多方案没有很好的效果之后，还是选择了买付费vpn来解决，如果已经对这个npm安装问题有所了解的，建议直接开始使用VPN。推荐笔者用的一个很稳定的VPN：Express VPN

为什么推荐Express VPN

正文开始：

方案一:淘宝镜像

npm淘宝镜像源是淘宝出品的专为npm安装加速的国内镜像代理站，官方说明是每10分钟同步一次。国内代理也是用淘宝镜像最多，并且服务稳定。

代理的原理很简单，国外的服务器距离我们比较远，连接上去当然比较慢了，国内的淘宝服务器就多了，又近，当然你就比较快了。

使用淘宝的代理镜像有三种具体方案，下面给大家详细说明

一是当你是单个依赖无法安装的时候，可以简单的在安装命令后面加上--registry=https://registry.npm.taobao.org，将此次安装的npm源切换到淘宝的npm镜像站。比如安装vue

npm install vue --registry=https://registry.npm.taobao.org # 一次性使用淘宝镜像

这个方案的好处是，针对个别的依赖库操作即可，不需要安装额外的依赖或者修改配置。

二是切换npm源的方式。直接把npm安装时用的来源切换到淘宝npm.taobao.org，就不用每次输入后缀了。设置

npm config set registry https://registry.npm.taobao.org #  设置npm镜像源为淘宝镜像

之后安装依赖还是正常的npm命令就行。

后续如果不想使用npm.taobao.org作为源了，可以重新切换回来

npm config set registry http://registry.npmjs.org # 设置npm镜像源为淘宝镜像

npm config get registry  # 查看npm当前镜像源

三是采用cnpm的安装方式，本质是也是切换镜像源。先安装cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org # 目的是安装cnpm这个库，也是采用一次性使用淘宝镜像的方式

再在安装npm包时把npm 改为cnpm即可，比如安装vue

cnpm install vue

这个方法的好处是，同时支持cnpm和npm两种方式安装npm包，而不用像前面两个方法一样，要么加后缀要么重新切换源。

注意点：淘宝镜像源的方案也不是一劳永逸的，因为有小伙伴反馈说用了淘宝镜像安装后的依赖库有问题，但是用npm安装的就没问题，这种情况很少出现，但是一旦遇到，就是大坑，小伙伴们注意防范。

方案二：yarn

yarn是新一代替代npm安装依赖包的方案，更好的处理依赖树，所以有些npm安装失败的问题，换成yarn可能就好了。

这里简要列出各个系统环境下的安装方法，如有疑问，可以访问yarn中文网参考详细教程
1. windows环境下，需要去官网下载yarn软件

yarn下载
2. macOS推荐直接使用brew安装

brew install yarn

CentOS也是命令安装

curl --silent --location https://dl.yarnpkg.com/rpm/yarn.repo | sudo tee /etc/yum.repos.d/yarn.repo

sudo yum install yarn

安装完后，使用以下命令测试yarn是否安装成功

yarn --version

然后我们就可以使用yarn来安装npm包了，这里贴出常用的一些命令对比。

npm	Yarn
npm install	yarn add
npm install [package] –save	yarn add [package]
npm install [package] –save-dev	yarn add [package] –dev
npm install [package] –global	yarn global add [package]
npm update –global	yarn global upgrade
npm rebuild	yarn add –force
npm uninstall [package]	yarn remove [package]
npm cache clean	yarn cache clean [package]
rm -rf node_modules && npm install	yarn upgrade
npm version major	yarn version –major
npm version minor	yarn version –minor
npm version patch	yarn version –patch

同样的如方案一，yarn可能也需要配合切换镜像源使用。如下可以参考

yarn config get registry  #  查看yarn当前镜像源

yarn config set registry https://registry.npm.taobao.org/  #  设置yarn镜像源为淘宝镜像

另外，现在一些大型第三方库也在推荐使用yarn安装依赖库，比如vue，这个可以作为重要的参考。但也不是绝对，因为也有小伙伴反馈用yarn出了问题，但是用npm是正常的。

因为每个人做的项目不同，npm依赖间的关系错综复杂，很多时候还要看点运气，或者你测出了别人没遇到的bug，毕竟，这些底层工具也是代码写的，代码写的就可能有bug，找到自己最适合的工具就好。

方案三：专线链接

如果前两个方案都不太奏效，小编只能推荐一个终极大招了，彻底解决npm卡住不动，npm下载慢，npm安装报错等各种网络问题–科学上网专线直连。为什么是大招，小编你是不是忽悠我？

理由有两个，

一是虽然我们用了淘宝镜像源，但是第三方依赖包各种各样，奇葩的是还有的第三方库在下载的时候需要临时去别的网址下载它自己的依赖，而这个它自己的依赖咱们淘宝是没有代理的，或者说即使有的网址可以代理，那么多第三方库的额外网址，你也不可能都能帮你代理下载。最典型的依赖库如node-sass、node-gyp等（node-sass和node-gyp的坑不止一个，这个等小编哪天再出详细教程）
二是小编之前遇到过这类坑，无论采用cnpm，换镜像源，换yarn，各种删除依赖重新安装，都不行，最后还是采用更科学的方式，才得以节约宝贵的开发时间。毕竟，各种工具要为我们的工作效率服务才行，不然就不是好工具。如果我们为了节省资金，但是耗费了大量的时间研究踩坑而没有结果，那岂不是浪费了更多的资金了，时间比资金更贵。

好了，不卖关子了，明白这类工具的好处的小伙伴，自然明白时间和好工具的重要性，请直接到小编推荐的专业网站操作

排名第一的VPN: Express VPN

专线直连最直接的方案就是购买服务 —~~鲁迅（误）~~

如果对此工具还有疑问的小伙伴，请参考这篇解读欣赏下小编的踩坑辛酸泪。。。

为什么我会推荐Express VPN