如何使用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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 原文 在中国,安装 & 升级 npm 依赖的正确方法 05 NOVEMBER 2016onnpm-check,cn...
    SunnyLYummy阅读 14,746评论 1 3
  • 前言 目前主流的node版本管理工具有两种,nvm和n。两者差异挺大的,具体分析可以参考一下淘宝FED团队的一篇文...
    一个废人阅读 6,467评论 0 3
  • Yarn 初始化一个项目 yarn init 相当 npm init yarn add添加一个包 相当 ...
    FConfidence阅读 28,852评论 5 19
  • 一、安装node.js运行环境,安装NPM包管理工具(安装node运行环境时会附带NPM包管理工具) 1、进入(h...
    lane_developer阅读 473评论 0 0
  • 海边,夕阳西下,你牵起了我的手,似乎很自然。这一刻,等了八年。我以为内心不再会有波澜,我以为我们之间曾经被称...
    上的影阅读 160评论 0 0