文章背景

不知道大家有没有这样的感觉，总是有一些常用的知识点或者常用的一些操作总感觉自己会，但有的时候用起来突然就不知道怎么往下走，在编码的时候经常出现面向搜索引擎编程，这是一个非常痛苦的事情，好像一直都在做一些重复的事情，而自己却又没办法避免，实际上都是因为自己没有好好总结，一些小的知识点或者常用的操作都被认为是不重要的了，也就没在意，其实最常用的其重要性不亚于任何一个高深的知识点，一段优雅的代码，而且会直接影响到我们的工作效率。本人作为一个入门级的前端程序员，总是在工作中被一些简单的操作所浪费时间，特别是npm或者yarn的一些命令，容易混淆，因此花了些时间整理一下经常用的一些命令，以及npm和yarn的对比。当然大牛可以略过，如果有不对的或者需要补充的，也欢迎到评论区留言。

npm和yarn简介

对于这两个工具，相信大多数人都知道是干嘛的，我就不再赘述了，可能初学者对yarn不太熟悉，其实也没必要深究，它和npm一样都是作为包管理器，只是为了解决一些在开发过程中npm所解决不了的问题。

安装和更新

安装就不多说了(yarn安装不推荐使用npm直接安装)，顺便记一下更新

• npm

npm install npm@latest -g (npm install npm -g)或者更新nodejs

• yarn(够用了)

Mac: brew upgrade yarnDebian / Ubuntu:sudo apt-get update && sudo apt-get install yarnyarn global add yarn

命令大全

为了更好地区别两者，我准备两者对比记录：

有区别的命令

• 根据 package.json 安装所有依赖

npm install(npm i)

yarn install(yarn)

• 添加依赖包

npm i –save [package]

yarn add [package]

• 添加依赖包至 devDependencies

npm i –save-dev [package]

yarn add [package] –dev

• 进行全局安装依赖包

npm i -g [package]

yarn global add [package]

• 升级依赖包

npm update –save

yarn upgrade [package]

• 移除依赖包

npm uninstall [package]

yarn remove [package]

相同的命令

npm run yarn run //运行 package.json 中预定义的脚本

npm config list yarn config list //查看配置信息

npm config set registry 仓库地址 yarn config set registry 仓库地址 //更换仓库地址npm init yarn init //互动式创建/更新 package.json 文件

npm list yarn list //查看当前目录下已安装的node包

npm login yarn login //保存你的用户名、邮箱

npm logout yarn logout //删除你的用户名、邮箱

npm outdated yarn outdated //检查过时的依赖包

npm link yarn link //开发时链接依赖包，以便在其他项目中使用

npm unlink yarn unlink //取消链接依赖包

npm publish yarn publish //将包发布到 npm

npm test yarn test //测试 = yarn run test

npm bin yarn bin //显示 bin 文件所在的安装目录

npm info yarn info //显示一个包的信息

对于要添加或升级的包，npm 与 yarn 都可以指定具体的版本，或者 Tag；如：

yarn add [package]@[version]yarn add [package]@[tag]

国内替换成国内的镜像地址(这个地方不推荐cnpm，有时候会出现莫名其妙的错误)

npm config set registry http://registry.npm.xxx.orgyarn config set registry http://registry.npm.xxx.org

还有一些yarn独有的命令，大多情况用不着，感兴趣的可以到它的官网瞧瞧

到哪找到我们合适的包?

https://npms.io/

总结

以上是搜索网络整理的，基本上上面记录的够用了，如果大家有啥改正或者补充的可以评论留言，欢迎转发，收藏！