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 ...
随机推荐
- Tkinter添加图片
Tkinter添加图片的方式,与Java相似都是利用label标签来完成的: 一.默认的是gif的格式,注意将png后缀名修改为gif还是无法使用,文件格式依然错误. photo = PhotoIma ...
- 绩效沟通-BEST原则
BEST原则指在进行绩效/IDP面谈的时候按照以下步骤进行: 案例:小赵经常在制作标书时候犯错误 Behavior description 描述行为 小赵,8月6日,你制作的标书,报价又出现了错误,单 ...
- vbs解析 JSON格式数据
Function jsonParser(str,jsonKey) Set sc = CreateObject("MSScriptControl.ScriptControl") sc ...
- aliyun API 调试
打开https://ai.aliyun.com/,登录阿里云账号,选择控制台,右侧标签中选择产品服务,选择自己需要的子标签(如图像识别),选择API调试,按要求填写表格. 其中请求Body参照API文 ...
- 补全爬取的url
有时爬取到的href不全,如href=‘/11031/’解决方法:from urllib import parseurl=parse.urljoin(response.url,get_url)resp ...
- sizeof新用法(c++11)
1.概念 1)sizeof是关键字,也是运算符,用来求对象占用空间的大小,返回字节数 2)c++11允许使用作用域运算符(::)来获取类中成员的大小,以前只允许先创建一个类的对象,通过类对象访问成员得 ...
- mysql 查询中文字段 没有结果的解决方法
代码如下: $conn = new mysqli('localhost', 'root', '', 'excel');$sql = "select 中信一级行业 from excel gro ...
- web程序打包详解
重要更新:鉴于很多小伙伴们说看不到图,我这边换了几个浏览器看了下,都看得到的,估计是网速问题,请耐心等待,另外,为了更好的方便大家学习,特此提供源码以及一个word文档,word文档就是本文内容 ...
- 第23章:MongoDB-聚合操作--聚合命令
①count() 范例:统计students表中的数据量 db.students.count(); 范例:模糊查询 db.students.count("name":/张/i); ...
- ubuntu 设置DNS
sudo vi /etc/resolv.conf #加入nameserver 114.114.114.114