yarn 学习 小记
官网:https://yarnpkg.com/zh-Hans/docs/installing-dependencies
简介:包管理工具,和npm类似
主要特点:快速、安全、可靠
快速:本地安装包后,会进行缓存,下次再安装时,直接从缓存中取,不需要再请求网络
安全:通过相关机制,在安装之前,会检查包的完整性,保证包的完整性
可靠:通过维护yarn.lock文件,记录包及依赖的确切版本信息,保证同一项目在不同操作系统上得到的包的版本是一致的
安装:可以直接通过npm安装
npm install yarn -g
查看:
查看版本:yarn -v
查看命令:yarn -h
查看参数:yarn help COMMAND
初始化一个工程及安装包:
yarn init
随后和npm一样,需要回答一些相关信息,init之后,会生成一个package.json 文件
ls //查看
安装(添加)包:和npm不一样哦
yarn add webpack
安装完成后,安装提示信息更人性化,颜色、icon特别提示
此时项目下,会自动生成node_moduls目录,及yarn.lock文件
更新包:和npm也不一样呢
yarn upgrade webpack
测试离线安装,比如安装webpack的一个依赖tty-browserify,添加参数--offline
yarn add tty-browserify --offline
查看本地缓存的所有模块:
yarn cache ls
移除包:
yarn remove webpack
安装项目的全部依赖:
yarn 或 yarn install
版本控制(比如git):
必须包含package.josn 和 yarn.lock 文件,里面包含包的信息
其它命令:
cache相关(离线安装包时比较有用):
yarn cache dir: 返回缓存包在本地的路径
yarn cache clean: 清除本地缓存,执行后,再yarn cache ls将不会再有包信息
config相关:
yarn config list: 列出yarn、npm的相关信息
yarn config set: 设置yarn相关信息
比如:设置淘宝镜像
yarn config set registry registry.npm.taobao.arg
yarn config list
info:
yarn info [package]: 可以查看包的相关信息(包括已安装、未安装)
比如:yarn info react: 将会列出react的相关信息
global:
yarn global add webpack: 全局安装,等同于npm的npm install -g webpack
不推崇全局,因为不会在package.json中记录包信息,会导致不同系统信息不一致而出错
why:
yarn why [package]: 可以查看包为什么会安装该依赖
比如:安装了webpack,通过yarn cache ls查看缓存包,可以找到uglify-js
yarn why uglify-js: 可以看到为什么会安装该包的分析
run:
yarn run [cli]: 可以执行项目下package.json中设置的命令
比如:在项目的package.json中添加script属性,编写linux命令:
package.json
{
"name": "yarn-project",
"version": "1.0.0",
"main": "index.js",
"license": "MIT",
"dependencies": {
"tty-browserify": "^0.0.0",
"webpack": "^2.5.1"
},
"scripts": {
"create-dir": "mkdir demo",
"rm-dir": "rm -rf demo"
}
}
之后,在命令行中执行:
yarn run create-dir //会创建demo目录
ls
yarn run rm-dir //会删掉demo目录
yarn 学习 小记的更多相关文章
- mongodb入门学习小记
Mongodb 简单入门(个人学习小记) 1.安装并注册成服务:(示例) E:\DevTools\mongodb3.2.6\bin>mongod.exe --bind_ip 127.0.0.1 ...
- javascript学习小记(一)
大四了,课少了许多,突然之间就不知道学什么啦.整天在宿舍混着日子,很想学习就是感觉没有一点头绪,昨天看了电影激战.这种纠结的情绪让我都有点喘不上气啦!一点要找点事情干了,所以决定找个东西开始学习.那就 ...
- js 正则学习小记之匹配字符串
原文:js 正则学习小记之匹配字符串 今天看了第5章几个例子,有点收获,记录下来当作回顾也当作分享. 关于匹配字符串问题,有很多种类型,今天讨论 js 代码里的字符串匹配.(因为我想学完之后写个语法高 ...
- js 正则学习小记之左最长规则
原文:js 正则学习小记之左最长规则 昨天我在判断正则引擎用到的方法是用 /nfa|nfa not/ 去匹配 "nfa not",得到的结果是 'nfa'.其实我们的本意是想得到整 ...
- js 正则学习小记之NFA引擎
原文:js 正则学习小记之NFA引擎 之前一直认为自己正则还不错,在看 次碳酸钴,Barret Lee 等大神都把正则玩的出神入化后发现我只是个战五渣. 求抱大腿,求大神调教. 之前大致有个印象,正 ...
- js 正则学习小记之匹配字符串优化篇
原文:js 正则学习小记之匹配字符串优化篇 昨天在<js 正则学习小记之匹配字符串>谈到 个字符,除了第一个 个,只有 个转义( 个字符),所以 次,只有 次成功.这 次匹配失败,需要回溯 ...
- CSS学习小记
搜狗主页页面CSS学习小记 1.边框的处理 要形成上图所示的布局效果,即,点选后,导航下面的边框不显示而其他的边框形成平滑的形状.相对于把导航的下面边框取消然后用空白覆盖掉下面搜索栏的边框比较而言 ...
- YARN学习总结
YARN学习总结 前言 YARN(Yet Another Resource Manage,另一种资源协调者)是hadoop-0.23版本引入的的一个新的特性,可以说它是对原有Hadoop Mapred ...
- Gcd&Exgcd算法学习小记
Preface 对于许多数论问题,都需要涉及到Gcd,求解Gcd,常常使用欧几里得算法,以前也只是背下来,没有真正了解并证明过. 对于许多求解问题,可以列出贝祖方程:ax+by=Gcd(a,b),用E ...
随机推荐
- git版本控制工具的使用(2)
git checkout -b dev创建一个为dev的分支.并选择该分支. git branch dev 创建分支 git checkout dev 选择该分支 git branch 查看当前分支和 ...
- 树莓派无法挂载exfat格式硬盘
ubutnu系统 挂载硬盘时报错: mount: unknown filesystem type 'exfat' 这是因为树莓派默认无法识别 exfat, 需要安装 exfat-fuse . sudo ...
- myBatis中if test 字符串注意事项
错误写法: <if test="userName == 'boshen'"> AND `USER_NAME` = #{userName} </if> 正确写 ...
- 通过request获取网页资讯 通过BeautifulSoup剖析网页元素
import requests newsUrl ='http://news.sina.com.cn/china/' res = requests.get(newsUrl) res.encoding ...
- leetcode - [4]Sort List
Sort a linked list in O(n log n) time using constant space complexity. 思路:采用归并排序或者快速排序 #include < ...
- MapReduce、Hadoop、PostgreSQL、Spark
分布式数据库 操作指令 如何实现云计算?注:GIS数据集 谷歌集群系统主要包括三个部分:分布式文件系统GFS,分布式并行计算模型map/reduce,以及分布式数据库Bigtable hadoop是g ...
- day18(javaEE三大组件之一servlet(简介(一)))
Servlet servlet是小型服务器语言,使用它可以处理前台传递来的信息,servlet进行处理后在响应给前台,其中servlet起到了关键性的作用.前端输入的信息可以持久化的存储在数据库中,并 ...
- noip第34课作业
1. 信息加密 [问题描述] 在传递信息的过程中,为了加密,有时需要按一定规则将文本转换成密文发送出去.有一种加密规则是这样的:1. 对于字母字符,将其转换成其后的第3个字母.例如:A→D,a→ ...
- form表单提交时action路劲问题
项目总出现window上部署可以访问,linux下部署不能访问的问题 linux下访问action必须是全路径,可以加上“${pageContext.request.contextPath}” 便可 ...
- tarjan算法--求解无向图的割点和桥
1.桥:是存在于无向图中的这样的一条边,如果去掉这一条边,那么整张无向图会分为两部分,这样的一条边称为桥 也就是说 无向连通图中,如果删除某边后,图变成不连通,则称该边为桥 2.割点:无向连通图中,如 ...