devDependencies：开发环境使用 dependencies：生产环境使用 -s / -save 生产 -d / -dev 开发 -g / -global 全局

1️⃣ NPM 常用指令

npm -v 

  1.   1. 查看npm的版本

npm init

  1.   1. 初始化项目的package.json文件

npm search [包名]
npm s [包名]

  1.   1. 搜索指定的包

npm install [包名]
npm i [包名]

  1.   1. 安装指定的包

npm install [包名] —save
npm i [包名] —save

  1.   1. 安装指定包并添加到项目的生产依赖中

npm install [包名] —save-dev
npm i [包名] —save-dev

  1.   1. 安装指定包并添加到项目的开发依赖中

npm install [包名] -g
npm i [包名] -g

  1.   1. 全局安装（全局安装都是安装一些工具）

npm remove [包名]
npm r [包名]

  1.   1. 删除指定的包

npm init 

  1.   1. 初始化当前应用包, 生成 package.json

npm install
npm i

  1.   1. 根据 package.json 下载所有依赖包

npm install [包名] —save
npm i [包名] —save 

  1.   1. 下载某个生成时依赖包

npm install [包名] —save-dev
npm i [包名] —save-dev 

  1.   1. 下载某个开发编译期依赖包

npm install [包名] -global
npm i [包名] -g 

  1.   1. 全局下载某个依赖包

npm install [包名]@[版本]
npm i [包名]@[版本] 

  1.   1. 下载指定版本的某个依赖包

npm info [包名]

  1.   1. 查看某个包有远程仓库中的相关信息

npm rm [包名] —save 

  1.   1. 移除已下载的运行依赖包

npm rm [包名] –save-dev 

  1.   1. 移除已下载的开发依赖包

npm list 

  1.   1. 查看安装的所有的包

npm help 

  1.   1. 查看命令的详细帮助

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

  1.   1. 安装淘宝镜像

npm config set registry=”https：//registry.npm.taobao.org” 

  1.   1. 将淘宝镜像设置为 npm 的默认仓库

npm run xxx 

  1.   1. 执行 package.json 的 scripts 中配置的命令

npm root -g

  1.   1. 查看全局下载目录

1️⃣ yarn 常用命令

链接：https：//cloud.tencent.com/developer/doc/1253
yarn —version
yarn init 

  1.   1. 生成package.json   ！！！注意生成的包名不能有中文，大写

yarn global [包名] 

  1.   1.  全局安装

yarn add [包名] 

  1.   1. 局部安装

yarn add [包名] —dev 

  1.   1. 相当于npm中的--save-dev

yarn remove [包名]

  1.   1. 删除指定的包

yarn list 

  1.   1. 列出已经安装的包名

yarn info [包名] 

  1.   1.  获取包的有关信息

yarn 

  1.   1.  安装 package.json 中的所有依赖

1️⃣ 前端使用的包

npm install browserify -g CommonJS 代码转 Browserify 浏览器认识的代码

1️⃣ npm 的常用命令

2️⃣ 搜索

npm search xxxxx
通过网址搜索：www.npmjs.com

2️⃣ 安装：安装之前必须保证文件夹内有package.json，且里面的内容格式合法

npm install xxxxx --save 或 npm i xxxx -S 或 npm i xxxx

  1.   1. 局部安装完的第三方包，放在当前目录中 node_modules 这个文件夹里
  2.   2. 安装完毕会自动产生一个 package-lock.json (npm版本在5以后才有)，里面缓存的是每个下载过的包的地址，目的是下次安装时速度快一些。
  3.   3. 当安装完一个包，该包的名字会自动写入到 package.json 中的【 dependencies(生产依赖) 项目开发完毕上线运行时需要的依赖】里。npm5及之前版本要加上--save后缀才可以。

npm install xxxxx --save-dev 或 npm i xxxxx -D 安装包并将该包写入到【devDependencies(开发依赖中)项目开发过程中需要的依赖，上线时不需要】

  1.   1. 什么是生产依赖与开发依赖？
  2.      1. 只在开发时 ( 写代码时 ) 才用到的库，就是开发依赖 -  例如：语法检查、压缩代码、扩展css前缀的包。
  3.      2. 在生产环境中 ( 项目上线 ) 不可缺少的，就是生产依赖 -  例如：jquery、bootStrap等等。
  4.      3. 注意：某些包即属于开发依赖，又属于生产依赖 - 例如：jquery。

npm i xxxx -g 全局安装xxxx包（一般来说，带有指令集的包要进行全局安装，例如：browserify、babel等）

  1.   1. 全局安装的包，其指令到处可用，如果该包不带有指令，就无需全局安装。
  2.   2. 查看全局安装的位置：npm root -g

npm i xxx@yyy ：安装xxx包的yyy版本
npm i ：安装 package.json 中声明的所有包

2️⃣ 移除

npm remove xxxxx 在 node_module 中删除 xxxx 包，同时会删除该包在 package.json 中的声明

2️⃣ 其他命令

npm aduit fix ：检测项目依赖中的一些问题，并且尝试着修复。
npm view xxxxx versions ：查看远程 npm 仓库中 xxxx 包的所有版本信息
npm view xxxxx version ：查看 npm 仓库中 xxxx 包的最新版本
npm ls xxxx ：查看我们所安装的 xxxx 包的版本

2️⃣ 关于版本号的说明

"^3.x.x“ ：锁定大版本，以后安装包的时候，保证包是3.x.x版本，x默认取最新的。
"~3.1.x"：锁定小版本，以后安装包的时候，保证包是3.1.x版本，x默认取最新的。
"3.1.1"：锁定完整版本，以后安装包的时候，保证包必须是3.1.1版本。

1️⃣ cnpm 的使用

2️⃣ cnpm 的简介与使用

国内使用 npm 存在的问题
安装 npm 后，每次我们安装包时，我们的电脑都要和 npm 服务器进行对话，去 npm 仓库获取包。
npm 默认的仓库地址为：http：//registry.npmjs.org
查看当前npm仓库地址命令：npm config get registry，提示如下图：
npm 命令 - 图1
因为 npm 的远程服务器在国外，所以有时候难免出现访问过慢，甚至无法访问的情况。
为了解决这个问题，我们有以下几个解决办法
使用淘宝的 cnpm 代替npm

淘宝为我们搭建了一个国内的npm服务器，它目前是每隔10分钟将国外npm仓库的所有内容“搬运”回国内的服务器上，这样我们直接访问淘宝的国内服务器就可以了，它的地址是：https：//registry.npm.taobao.org

2️⃣ 使用方法：

第一种：直接安装 cnpm
安装淘宝提供的cnpm，并更改服务器地址为淘宝的国内地址，
命令：npm install -g cnpm --registry=https：//registry.npm.taobao.org以后安装直接采用cnpm替代npm，
例如原生npm命令为：npm install uniq --save，cnpm命令为：cnpm install uniq --save

第二种：替换 npm 仓库地址为淘宝镜像地址（推荐）

命令：npm config set registry [https://registry.npm.taobao.org](https://registry.npm.taobao.org)
查看是否更改成功：npm config get registry，以后安装时，依然用npm命令，但是实际是从淘宝国内服务器下载的

1️⃣ yarn 的使用

2️⃣ yarn 的简介与使用

Yarn 发布于2016年10月，截至当前2019年1月，gitHub 上的 Start 数量为：34.3k，已经超过 npm 很多了， yarn 使用本地缓存，有时甚至无需互联网连接就能安装本地已经缓存过的依赖项，安装方法：npm install -g yarn

3️⃣ 特别注意！

由于yarn的全局安装位置与npm不同，所以要配置yarn的全局安装路径到环境变量中，否则全局安装的包不起作用。
具体操作如下：

安装 yarn 后分别执行 yarn global dir 命令，yarn global bin 命令。 将上述两步返回的路径配置到电脑环境变量中即可。 在环境变量的path中添加环境变量 将返回的路径添加进去

2️⃣ yarn 命令与npm命令的对应关系如下：

3️⃣ 初始化项目：

  1. yarn init -y
  2. npm init -y

3️⃣ 下载项目的所有声明的依赖：

  1. yarn
  2. npm install

3️⃣ 下载指定的运行时依赖包：

  1. yarn add xxxx@3.2.1
  2. npm install xxxxx@3.2.1 -S

3️⃣ 下载指定的开发时依赖：

  1. yarn add xxxxx@3.2.1 -D
  2. npm install xxxxx@3.2.1 -D

3️⃣ 全局下载指定包：

  1. yarn global add xxxxxx
  2. npm install xxxxxxx -g

3️⃣ 删除依赖包：

  1. yarn remove xxxxx
  2. yarn global remove xxxxxx
  3. npm remove xxxxxxx -g

3️⃣ 查看某个包的信息：

  1. yarn info xxx
  2. npm info xxx