npm工具

npm工具

1介绍

node package manager 意为node包管理器

安装node时会自带npm

npm网站，可以查找各种安装包

2 npm常用命令

更新npm

npm install npm@latest -g

2.1 初始化项目

npm init
或
npm init -y(--yes)

2.2 安装依赖

2.2.1 安装生产依赖

npm v6版本开始不需要加参数，例如：安装 jQuery

npm install jquery
或
npm i jquery(install可用i代替)

npm v6之前版本，必须加参数（–save或-S），例如：安装 jQuery

npm install jquery --save
或
npm install jquery -S

2.2.2 安装开发依赖

安装开发依赖必须加参数（–save-dev或-D），例如：安装babel

npm i babel --save-dev
或
npm i babel -D

2.2.3 根据配置文件安装依赖

安装package.json配置文件中所有的依赖

npm i 

安装package.json配置文件中的生产依赖

npm i --production

安装package.json配置文件中的开发依赖

npm i --development

2.2.4 更新依赖

• 步骤一：在package.json配置文件所在的目录中执行 npm update 命令

npm update

• 步骤二：执行 npm outdated 命令，不应该有任何输出

npm outdated

2.3 全局安装

一般用于安装开发工具，必须加参数（–global或-g)，例如安装：webpack

npm i webpack -g(--global)

如果要更新全局安装过的包，例如更新：webpack

npm update -g webpack

2.4 卸载安装包

卸载依赖

npm  uni(uninstall)  依赖包名 （如果需要指定卸载的是生产依赖包，加上--save或-S参数；开发依赖包，加上--save-dev或-D参数）

卸载全局安装包

npm  uni(uninstall)  包名 -g

3 关于包的版本号

^3.0.0 表示3版本的最新版本

~3.1.x 表示3.1版本的最新版本

3.1.1 表示必须是3.1.1版本

4 nrm工具

4.1 安装nrm工具

npm i nrm -g

4.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/

4.3 切换镜像

例如：切换为国内的淘宝镜像

nrm use taobao

用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/

其他切换镜像方式：

• 方式一：npm配置命令

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

• 方式二：cnpm工具，安装包的时候，用cnpm代替npm，用法与npm一样，只不过cnpm使用的是淘宝镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

5 yarn

5.1 介绍

Facebook公司开发的工具，用于代替npm

​ 特点：

• 缓存
• 并行下载
• 精确的版本控制

5.2 安装yarn

npm i yarn -g

5.3 安装依赖

5.3.1 安装生产依赖

yarn add 包名

5.3.2 安装开发依赖

yarn add 包名 --dev(必须加的参数)

5.4 全局安装

yarn global add 包名 

5.5 卸载安装包

yarn remove 包名

5.6 切换镜像

• 方式一：yarn配置镜像

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

• 方式二：cyarn工具，安装包的时候，把yarn替换成cyarn

npm install -g cyarn --registry=https://registry.npm.taobao.org