相关网址

npm官网：https://www.npmjs.com/

npm全命令：https://docs.npmjs.com/cli/v7/commands

概念

1、什么是包？

• 包（package）是一个或多个js模块的集合，它们共同完成某一类功能；

• 可以简单的认为每一个工程就是一个包；

• 有些包是为了给别人用的，这种包也叫第三方库

2、什么是包管理器？

• 包管理器是一个管理包的工具，前端常见的包管理器有npm、yarn、cnpm、pnpm等。

• 包管理器具备以下能力：

• 让开发者可以轻松的下载包

• 让开发者可以轻松的升级和卸载包

• 能够自动管理包的依赖

3、什么是cli

• cli是一个命令行工具，它提供一个终端命令，通过该命令可以完成一些功能

命令

1、配置源

查看源

npm config get registry

配置源

npm config set registry xxx

配置官方源

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

配置淘宝镜像源

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

2、初始化

npm init # 初始化工程，帮助生成 package.json 文件
npm init -y # 初始化工程，全部使用默认配置生成 package.json 文件

package.json文件如下

{"dependencies": { // 本地普通依赖"qrcode": "^1.4.4" // 依赖包qrcode，版本1.4.4，主版本号不变，此版本号和补丁版本可增},"devDenpendencies": { // 开发依赖"webpack": "^5.0.0" }
}

3、安装依赖

会将包下载到当前命令行所在目录的node_modules中

本地安装

# 下面的 install 可以替换为 i
npm install 包名
npm install --save 包名
npm install 包名@版本号

若仅作为开发依赖，则添加参数-D

# 下面的 install 可以替换为 i
npm install -D 包名
npm install -D 包名@版本号

还原安装

# 下面的 install 可以替换为 i
npm install
npm install --production # 仅还原dependencies中的依赖

全局安装

# 下面的 install 可以替换为 i
npm install -g 包名
npm install -g 包名@版本号

4、卸载依赖

卸载本地的安装包

# 下面的 uninstall 均可替换为 un
npm uninstall 包名

卸载全局的安装包

# 下面的 uninstall 均可替换为 un
npm uninstall -g 包名

5、清理缓存

npm cache clear --force(f) // 同时删除node_modules文件夹和package-lock.json文件

nvm

1、需要先卸载node

windows：进入添加和删除程序进行卸载

mac：https://www.jianshu.com/p/88cd55296983

2、下载安装 nvm

windows

链接: https://pan.baidu.com/s/1uoxlk8CVNHV2KTCwIGbQMQ?pwd=yi5m

提取码: yi5m

mac

也可以使用homebrew直接安装

修改 HOSTS（建议使用 SwitchHosts）

? raw.githubusercontent.com
? objects.githubusercontent.com
? pkg-containers.githubusercontent.com

？位置需要通过 https://www.ipaddress.com/ 查询 ip

打开终端运行下面的命令

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.2/install.sh | bash

3、nvm 的基本使用

# 查看当前安装和使用的 node 版本
nvm list# 安装某个 node 版本
nvm install 版本号# 切换 node 版本
nvm use 版本号# 设置默认版本
nvm alias v12.22.12