菜单 学习猿地 - LMONKEY

VIP

开通学习猿地VIP

尊享10项VIP特权 持续新增

知识通关挑战

打卡带练!告别无效练习

接私单赚外块

VIP优先接,累计金额超百万

学习猿地私房课免费学

大厂实战课仅对VIP开放

你的一对一导师

每月可免费咨询大牛30次

领取更多软件工程师实用特权

入驻
409
0

Yarn 的使用

原创
05/13 14:22
阅读数 97628

什么是Yarn

Yarn 是一个前端的软件包管理器,功能对标 npm.
速度更快,显示输出更简洁,出错日志就在文件夹内且错误提示更明显。
其yarn.lock会锁住依赖的小版本,而npm需要自行设置才会生成类似的文件
本文章参考Yarn2的文档,为了方便对比 会一同列出npm的指令,以 || 作为 或 的意思

安装与使用

  1. 安装Yarn
# 带-g为全局安装
npm install -g yarn 
# 设置淘宝源
yarn config set registry https://registry.npm.taobao.org -g
yarn config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/ -g
  1. 也许您需要为项目单独设置 npm 镜像
# 在package.json同目录下创建 .npmrc文件,内容如下
sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
registry=https://registry.npm.taobao.org
  1. 下载依赖
yarn || yarn install || npm install
  1. 启动项目
# 启动测试环境 dev
yarn dev || npm run dev || npm run serve 
  1. 打包
yarn run build || npm run build
  1. 添加依赖,以echarts
# 添加依赖 echarts,npm5之前如果不加--save无法更新package.json, npm5之后默认自动追加
yarn add echarts || npm install echarts --save || npm install echarts -S
# 添加指定版本的本地依赖
yarn add echarts@4.3.0 || npm install echarts@4.3.0 --save || npm install echarts@4.3.0 -S
# 开发依赖(不参与打包)
yarn add echarts -dev || npm install echarts --save-dev || npm install echarts -D
  1. 更新依赖
yarn up echarts || npm update echarts 
  1. 移除依赖
yarn remove echarts || npm uninstall echarts 

发表评论

0/200
409 点赞
0 评论
收藏