前端 | NPM 包管理工具



安装

1
2
3
4
5
6
7
8
9
10
11
# 安装 node 环境
# 在 https://nodejs.org 下载安装

# 安装后查看 npm 版本
npm -v

# 安装后查看 node 版本
node -v

# 更新最新稳定版本 node 至全局
npm install npm@latest -g

常用操作

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
# 项目目录初始化
npm init -y

# 安装包
# 或者在 package.json 配置依赖
npm i jquery
npm i jquery@3.2.1  # 安装旧版本
npm i vue
npm i bootstrap

# 卸载包
npm uninstall normalize.css

# 安装至开发环境
npm i webpack --save-dev

npm 指令速查

常用

  • npm init 初始化项目，其实就是创建一个 package.json 文件。
  • npm install 安装所有项目依赖。
  • npm help xxx 查看xxx命令的帮助信息。

搜索 npm search （快捷方式：find, s）

  • xxx 搜索xxx 如：npm search jquery。

安装 npm install （快捷方式：i）

  • xxx 搜索并安装xxx（局部）。安装多个依赖可用空格分割，如 npm i jquery bootstrap。
  • xxx -g 搜索并安装xxx（全局）。安装多个同上。
  • xxx -D 安装并将依赖信息写在 package.json 中的 devDependencies 中。
  • 快捷方式 i 均可，如 npm i jquery。
  • xxx@版本号 指定需要安装的版本号，若不指定将安装最新的稳定版本。

卸载 npm uninstall （快捷方式：rm, r）

  • xxx 卸载xxx。多个依赖可用空格分割。
  • xxx -D 卸载xxx，并将依赖信息从 package.json 中的 devDependencies 中清除。

列出已安装依赖 npm list （快捷方式：ls）

  • 默认列出局部依赖。
  • npm list -g 列出已安装的全局依赖。

检查过期依赖 npm outdated

更新依赖 npm update （快捷方式：up）

  • xxx 局部更新xxx。
  • xxx -g 全局更新xxx。

查看依赖安装路径 npm root （也就是node_modules的路径）

  • 默认查看局部安装路径。
  • -g 查看全局安装路径。

查看模块的注册信息 npm view

  • xxx versions 列出xxx的所有版本， 如：npm view jquery versions。
  • xxx dependencies 列出xxx的所有依赖， 如：npm view gulp dependencies。

参考资料

npm 基础
npm 相关资料