NPM 包管理工具

NPM 包管理工具

配置淘宝镜像

使用国内镜像，可以提高模块的下载速度。

查看当前镜像地址：

npm get registry

配置淘宝镜像地址：

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

提示：用户配置的参数保存在参数 userconfig 指向的文件中，执行命令 npm config ls -l 可以查看所有配置参数。

参考

npm-config - Default Configs

npmrc

NPM 初始化项目

打开命令提示符窗口，新建一个文件夹，进入到该文件夹，执行命令 npm init 即可开始初始化项目，具体步骤如下：

执行命令 npm init -y 或 npm init --yes 可以跳过询问，直接采用默认值初始化项目。

参考

npm-init

安装、卸载模块

模块的安装方式有两种，一种是本地安装，另一种是全局安装。

本地安装将模块安装到当前项目的 node_modules 文件夹中；全局安装将模块安装到一个全局的 node_modules 文件夹中。

查看模块版本

查看最新版本

查看 jquery 的最新版本：

npm view jquery version
3.5.1

查看所有可用版本

查看 jquery 的所有可用版本：

npm view jquery versions

[
  '1.5.1',       '1.6.2',       '1.6.3',
  '1.7.2',       '1.7.3',       '1.8.2',
  '1.8.3',       '1.9.1',       '1.11.0-beta3',
  '1.11.0-rc1',  '1.11.0',      '1.11.1-beta1',
  '1.11.1-rc1',  '1.11.1-rc2',  '1.11.1',
  '1.11.2',      '1.11.3',      '1.12.0',
  '1.12.1',      '1.12.2',      '1.12.3',
  '1.12.4',      '2.1.0-beta2', '2.1.0-beta3',
  '2.1.0-rc1',   '2.1.0',       '2.1.1-beta1',
  '2.1.1-rc1',   '2.1.1-rc2',   '2.1.1',
  '2.1.2',       '2.1.3',       '2.1.4',
  '2.2.0',       '2.2.1',       '2.2.2',
  '2.2.3',       '2.2.4',       '3.0.0-alpha1',
  '3.0.0-beta1', '3.0.0-rc1',   '3.0.0',
  '3.1.0',       '3.1.1',       '3.2.0',
  '3.2.1',       '3.3.0',       '3.3.1',
  '3.4.0',       '3.4.1',       '3.5.0',
  '3.5.1'
]

本地安装、卸载

不指定版本安装模块

本地安装 jQuery 的步骤：

卸载模块

卸载刚刚安装的 jquery 模块：

npm uninstall jquery

指定版本安装模块

执行以下命令安装 jquery 3.5.0 版本：

npm install jquery@3.5.0

不指定模块安装

从 GitHub 上克隆的项目，一般是不带 node_modules 文件夹。

此时，可以直接执行命令 npm install，npm 将根据 package.json 配置文件安装所需模块。

全局安装、卸载

查看或修改全局目录路径

执行命令 npm root -g 可以查看全局的 node_modules 文件夹的路径：

C:\Users\86188>npm root -g
C:\Users\86188\AppData\Roaming\npm\node_modules

执行命令 npm config set prefix "路径" 可以修改全局的 node_modules 文件夹的路径：

C:\Users\86188>npm config set prefix "E:/npm"

C:\Users\86188>npm root -g
E:\npm\node_modules

不指定版本安装模块

要将模块安装到全局 node_modules 文件夹中，只需在安装命令之后加上 -g 或 --global 即可。

安装 jquery 到全局文件夹中：

npm install -g jquery

查看模块

执行命令 npm list -g 即可查看全局安装的模块。

卸载模块

要卸载安装在全局 node_modules 文件夹中的模块，只需在卸载命令之后加上 -g 或 --global 即可。

从全局文件夹中卸载 jquery：

npm uninstall -g jquery

生产环境模块安装、卸载

生产环境模块，最终会被打包到可发布的文件中。

在安装命令之后加上 -S 或 -save，即可将模块安装到生产环境中。默认情况就是安装到生产环境。

安装 jquery 模块到生产环境中：

npm install -save jquery

安装到生产环境的模块的信息记录在 package.json 配置文件中的 dependencies 项：

{
  "name": "npm-01-demo",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": {
    "jquery": "^3.5.1"
  }
}

如果要将模块从生产环境中卸载，可以在卸载命令之后加上 -S 或 -save。

开发环境模块安装、卸载

开发环境模块，最终不会被打包到可发布的文件中。比如一些语法检查插件，服务器插件等。

在安装命令之后加上 -D 或 -save-dev，即可将模块安装到开发环境中。

安装到开发环境的模块的信息记录在 package.json 配置文件中的 devDependencies 项。

如果要将模块从开发环境中卸载，可以在卸载命令之后加上 -D 或 -save-dev。

参考

npm-view

npm-install - Description

npm-uninstall

npm-root

npm-ls