如何使用yarn&如何用yarn配置node-sass

写这篇文章前,首先对淘宝源镜像对国内开发者带来的巨大便利表示衷心的感谢。
适用人群:最近有想使用yarn的,或者使用yarn下载node-sass遇到问题的小伙伴,可以看看这篇文章(最近项目配置sass遇到的坑,故略作总结,推出一套简单实用的解决方案。)

yarn 是什么

yarn 是新型的 javascript 包管理器,它是npm的替代品。它旨在解决npm解决不了的,在跨平台与跨用户之间安装依赖时的代码一致性问题、在安装依赖时花费太长时间、以及 npm 客户端自动执行某些依赖库的代码所导致的安全性问题。

所以相对于npm, yarn 具有快速,安全,可靠的特点。

(有同学表示,cnpm也不错,这个我承认,但是cnpm有个致命缺陷,用它下载安装的模块都是以软链形式存在的,本来我们的模块文件就多,再加个软链又多一倍文件,导致有些编辑器(sublime text)和 IDE(WebStorm)检索目录时非常慢,甚至卡死。作为一名webstorm使用爱好者,这一点是我不能忍受的。)

如何使用

  1. 第一步当然需要安装了,可以直接去官网下载安装,当然对于国内用户,更推荐去yarn官方中文网下载安装,它和英文官网是同步更新的。

  2. 安装完毕后,重点来了,我们下载的资源包默认地址都是在国外,由于众所周知的原因,往往会下的很慢,甚至下载失败。所以我们要配置yarn的下载依赖包的仓库地址,使用淘宝镜像是目前最好的选择:
    yarn config set registry https://registry.npm.taobao.org -g

    Paste_Image.png

    运行之后,我们可继续运行下面这条命令来查看,yarn的下载依赖包的仓库地址是否已经改变
    yarn config get registry
    Paste_Image.png

  3. 在日益流行前端工程化中,很多同学喜欢使用sass,然而node-sass的下载在国内是个老大难的问题,如果你不翻墙,默认下载极大可能会失败。怎么办呢? 配置下 node-sass 的二进制包镜像地址就行了
    yarn config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass -g

    Paste_Image.png

  4. 接下来你就可以愉快的,快速的下载各种你想要的包了,更多yarn的介绍命令,参照官网yarn命令大全

5.再次感谢淘宝镜像!

题外话,npm的配置也类似
设置:

npm config set registry https://registry.npm.taobao.org -g  
npm config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass -g

获取:npm config get registry

推荐阅读更多精彩内容

  • Yarn 初始化一个项目 yarn init 相当 npm init yarn add添加一个包 相当 ...
    FConfidence阅读 24,657评论 5 19
  • 一、安装node.js运行环境,安装NPM包管理工具(安装node运行环境时会附带NPM包管理工具) 1、进入(h...
    lane_developer阅读 246评论 0 0
  • 海边,夕阳西下,你牵起了我的手,似乎很自然。这一刻,等了八年。我以为内心不再会有波澜,我以为我们之间曾经被称...
    上的影阅读 50评论 0 0
  • 端午节快到了 最喜爱的 最简单、最朴实 比肉粽都好吃的碱水粽 又可以吃到了 虽然会做 但总是以不是端午节而懒得做
    米思辰阅读 59评论 0 0
  • 今年的三星S8期待值和关注值都创造了三星旗舰手机史上的新纪录,从去年曝光开始一直到3月29日全球发布,关于三星S8...
    小相科技阅读 111评论 0 0