一、认识NPM

• npm （全称 Node Package Manage，即 node 包管理器）
• 是 Node.js 默认的、以 JavaScript 编写的软件包管理系统
• 官网： https://npm.org/

二、npm 镜像的设置与查看

1. 搭建环境时通过如下代码将 npm 设置成淘宝镜像，设置当前地址（设置为默认地址）

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

2. 查看镜像的配置结果，查看是否更改成功

   npm config get registry 
   

   

3. 或者你可以使用淘宝定制的 cnpm （gzip压缩支持）命令行工具代替默认的 npm

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

4. 使用 nrm 工具切换淘宝源

   npx nrm use taobao 
   

   npx nrm use npm 
   

三、安装 NPM 工具

• npm 是Node.js 默认的软件包管理系统
• 安装完毕 node 后，会默认安装好 npm
• npm 本身也是基于 Node.js开发的软件

Node安装如下：Node.js官方文档：http://nodejs.cn/

1. 下载Node.js安装包

官网下载地址：http://nodejs.cn/download/，根据自己电脑选择32位还是64位

2. 打开下载好的安装程序，点击下一步

3. 选择接受许可协议，点击下一步

4. 选择自己的安装路径（默认是c盘），选择完成后，点击下一步

5. 这里四项全部安装，点击下一步

6. 这里不用打勾✔，下一步

7. 选择Install安装

8. 选择finish完成

9. win+R 打开运行窗口，在此窗口输入cmd命令

进入命令提示符窗口，分别输入以下命令，显示版本号，则安装成功
node -v：显示安装的nodejs版本
npm -v：显示安装的npm版本

10. 修改全局模块路径和缓存路径（可选，大家自行选择是否修改）

当我们在执行npm install express -g命令时，g表示global全局。会默认下载到c盘，c盘一般作为系统盘，尽量把一些程序安装到其他盘，来减少c盘空间的占用

它的默认路径为：【C:\Users\用户名\AppData\Roaming\npm】。

注意：此文件夹默认是隐藏的，需要设置显示隐藏的文件夹，在"查看"菜单中设置，如下图：

这里将全局模块（文件夹名：node_global）和缓存（文件夹名：node_cache）放在了nodejs安装目录下，在你的nodejs安装目录下创建创建两个文件夹，名称分别为：node_global和node_cache，在node_global文件夹下再建一个node_modules文件夹，配置环境变量用

此时，还没有更改完成，需要手动指定到这两个文件夹中

• 第一种方法：win+R打开运行窗口，输入cmd，再输入以下两条指令

npm config set prefix "创建的node_global文件夹所在路径"
npm config set cache "创建的node_cache文件夹所在路径"

如：

npm config set prefix "E:\environment\nodejs\node_global"
npm config set cache "E:\environment\nodejs\node_cache"

• 第二种方法：在nodejs的安装目录下，进入node_modules——>npm——>找到npmrc文件，打开
  添加以下命令：

prefix=创建的node_global文件夹所在路径
cache=创建的node_cache文件夹所在路径

如：

prefix=E:\environment\nodejs\node_global
cache=E:\environment\nodejs\node_cache

有时候无法修改文件内容：显示权限不够，这时建议使用管理员权限进入cmd重新更改

11、Node 下的环境变量配置

node下的环境变量配置：https://www.jianshu.com/p/f0ed77f209c6

修改完毕后，再配置环境变量
右键此电脑——>高级系统设置——>环境变量
在系统变量中，新建，变量名：NODE_PATH 变量值：node_global文件夹下的node_modules文件夹。如：E:\environment\nodejs\node_global\node_modules
修改用户变量中的Path变量，将默认的npm路径修改为新建的node_global路径

四、NPM 的使用

1. npm -v 通过查看版本，看 npm 是否安装成功
2. npm install <ModeName>使用 npm 命令安装模块
3. npm list -g 查看所有全局安装的模块
4. npm -g install npm@5.9.1 安装指定版本的npm
5. npm install --save moduleName 在全局作用域下安装某模块
6. npm install --save-dev moduleName 在基本作用域下安装某模块，即开发时依赖
7. npm help 查看命令帮助

五、包的使用

通过 npm 下载和更新的包，使用时有以下几种方法

1. CommonJS 导入模块
2. 使用 require 语句导入包
3. 使用ES6中的 import 导入包

六、Yarn

1. Yarn 的介绍

官网： www.yarnpkg.com
Yarn 的出现是为了当时 npm5 的一些缺陷，例如：

1. npm install 的时候很慢，特别是新的项目拉下来要等半天
2. 同一个项目，多人开发，由于安装的版本不一致出现BUG

2. Yarn 的安装

1. 下载 node.js，使用 npm 安装：npm install -g yarn
2. 查看版本：yarn --version
3. Yarn 的淘宝源安装

   yarn config set registry https://registry.npm.taobao.org -g
   yarn config set sass_binary_site registry https://registry.npm.taobao.org/dist/node-sass -g
   

3. Yarn的命令

依赖管理的三种命令：

1. yarn add – 增加
2. yarn upgrade – 更新
3. yarn remove – 移除
4. yarn global add [package]-- 全局安装（不建议）
5. yarn self-update – yarn 的自我更新
6. yarn why [package] – 分析为什么安装了package改包，包括在哪个模块里用到了等等