npm & yarn 常用命令

npm.png

安装

安装开发依赖：只在开发环境用到的包，比如各种 loader、webpack-plugin、babel、eslint、单元测试等

npm install --save-dev <package>
// 等同于
npm i -D <package>
    
yarn add -D <package>

安装生产依赖：需要在我们的业务代码里使用的一些插件，比如：moment、lodash、React 等

npm install --save <package>
// 等同于
npm i -S <package>
// 等同于
npm i <package>
    
yarn add <package>

安装特定版本

npm i <package>@<version>

安装最新版本

npm i <package>@latest
    
yarn add <package>@latest

安装到全局

npm i -g <package>
    
yarn add -g <package>

卸载

从当前项目中卸载

npm uninstall <package>

yarn remove <package>

从全局卸载

npm uninstall -g <package>
    
yarn remove -g <package>

查看设置项

npm config list

查看全局安装路径

npm config get prefix

yarn global dir

设置下载源

查看下载源

npm config get registry

设置淘宝镜像

npm config set registry https://registry.npm.taobao.org

使用 nrm 管理下载源

推荐使用 nrm 来管理镜像源。 nrm (npm registry manager ) 是 npm 的镜像源管理工具，可以很方便的在不同的下载源之间切换。

1. 全局安装

npm install -g nrm

2. 查看可选下载源

nrm ls

// 默认选项，带 * 号表示当前使用的下载源
  npm -------- https://registry.npmjs.org/
  yarn ------- https://registry.yarnpkg.com/
  cnpm ------- http://r.cnpmjs.org/
* taobao ----- https://registry.npm.taobao.org/
  nj --------- https://registry.nodejitsu.com/
  npmMirror -- https://skimdb.npmjs.com/registry/
  edunpm ----- http://registry.enpmjs.org/

3. 切换下载源

// 切换淘宝镜像
nrm use taobao

4. 添加下载源

nrm add <registry-name> <registry-url>

// 示例
nrm add myRegistry http://xxxx.com

5. 删除下载源

nrm del <registry-name>

// 示例
nrm del myRegistry

移除缓存

npm cache clean --force

查看版本号

查看服务器最新版本号

npm view <package> version

查看服务器所有版本号

npm view <package> versions 

查看本地安装包版本号(需在项目目录下执行)

npm ls <package> 

查看全局安装包版本号

npm ls <package> -g

npm 依赖包版本号说明

~ 会匹配最近的小版本依赖包。比如~1.2.3会匹配所有1.2.x版本，但是不包括1.3.0。

^ 会匹配最新的大版本依赖包。比如^1.2.3会匹配所有1.x.x的包，包括1.3.0，但是不包括2.0.0。

* 会匹配最新发布的版本。

使用 ^ 时，有的小版本更新后会引入新的问题导致项目不稳定。建议使用 ~ 来标记版本号，这样可以保证项目不会出现大的问题，也能保证包中的小bug可以得到修复

create-react-app 支持 mobx 修饰符 @

// 使 webpack 配置文件可见
npm run eject 

// 安装修饰符转译
npm i babel-plugin-transform-decorators-legacy -S 

// 安装mobx和mobx-react
npm i mobx@3.1.15 mobx-react@4.3.5

// 在 package.json.babel 中添加配置语句
"plugins": [
    "transform-decorators-legacy"
]