npm依赖、命令

article/2025/9/21 19:40:06

NPM 的全称是 Node Package Manager，是随同 NodeJS 一起安装的包管理和分发工具，它可以很方便的让前端开发者下载、安装、上传以及管理已经安装的包。

在这里插入图片描述

1. npm 安装配置（可选）

现在安装的新版本的nodejs可以直接使用默认配置的即可，不须再配置任何内容。

1.1 npm安装依赖的时候全局安装在哪里

（1）使用npm install命令的时候，如果没有加上-g，那么这个依赖就安装在当前工程的node_modules文件夹中。
----源文件
在这里插入图片描述
----npm install 添加依赖包后（一定在在文件目录下添加依赖，不然找不到 package.json 会失败）

安装在当前工程的node_modules文件夹中。

（2）通过命令npm config set prefix设置依赖包全局安装路径，以后使用npm install -g来全局安装依赖包的时候，依赖包就会安装在 “路径address” 文件夹中的node_global/node_modules 件夹中。
（3）通过命令npm config get prefix查看全局的安装路径；
在这里插入图片描述

（4）使用npm config list查看配置。

 1. 在nodejs安装的根目录下新建 node_cache 和 node_global 两个文件夹。2. 分别使用以下命令设置全局的安装包目录：npm config set prefix "D:\nodejs\node_global"npm config set cache "D:\nodejs\node_cache"3. 配置环境变量：打开计算机的环境变量，找到系统变量，新增一项 NODE_PATH，值为安装目录下的nodejs,D:\nodejs\node_global\node_modules

博客园参考：npm更换成淘宝镜像源以及cnpm

2. 查看 / 更新 npm 版本

npm -v
npm install -g npm  :自动更新到最新版本
npm -g install npm@6.8.0   :更新到指定版本

3. npm淘宝镜像（可选）

下载相关依赖的仓库地址：

npm config set registry https://registry.npm.taobao.org   :设置全局的npm淘宝镜像
yarn config set registry https://registry.npm.taobao.org   :设置全局的yarn淘宝镜像
npm config get registry  :查看镜像地址# 如果想还原npm仓库地址，只需再把地址配置成npm镜像就可以了
npm config set registry https://registry.npmjs.org

4. npm 常用命令简写说明

方便统一和阅读，文中全部使用简写方式。

-g： 为 --global 的缩写，表示安装到全局目录里
-S： 为 --save 的缩写，表示安装的包将写入package.json里面的dependencies
-D： 为 --save-dev 的缩写，表示将安装的包将写入packege.json里面的devDependenciesi： 为install的缩写，表示安装

npm文档讲dependencies是运行时依赖，devDependencies是开发时的依赖。即devDependencies 下列出的模块，是我们开发时用的，比如我们安装 js的压缩包gulp-uglify 时，我们采用的是 “npm install –save-dev gulp-uglify ”命令安装，因为我们在发布后用不到它，而只是在我们开发才用到它。dependencies 下的模块，则是我们发布后还需要依赖的模块，譬如像jQuery库或者Angular框架类似的，我们在开发完后后肯定还要依赖它们，否则就运行不了。

5. npm 安装模块

npm init  # npm 初始化当前目录
npm i     # 安装所有依赖
npm i express       # 安装模块到默认dependencies
npm i express -g    # 会安装到配置的全局目录下
npm i express -S    # 安装包信息将加入到dependencies生产依赖
npm i express -D    # 安装包信息将加入到devDependencies开发依赖
npm i jquery@1.8.3  # 安装jquery指定的1.8.3版本

6. npm 卸载模块

npm uninstall express  # 卸载模块，但不卸载模块留在package.json中的对应信息
npm uninstall express -g  # 卸载全局模块
npm uninstall express --save  # 卸载模块，同时卸载留在package.json中dependencies下的信息
npm uninstall express --save-dev  # 卸载模块，同时卸载留在package.json中devDependencies下的信息

7. npm 更新模块

npm update jquery  # 更新最新版本的jquery
npm update jquery@2.1.0  # 更新到指定版本号的jquery
npm install jquery@latest  # 可以直接更新到最后一个新版本

8. npm 查看命令

npm root  # 查看项目中模块所在的目录
npm root -g  # 查看全局安装的模块所在目录
npm list 或者 npm ls  # 查看本地已安装模块的清单列表
npm view jquery dependencies  # 查看某个包对于各种包的依赖关系
npm view jquery version  # 查看jquery最新的版本号
npm view jquery versions  # 查看所有jquery历史版本号（很实用）
npm view jquery  # 查看最新的jquery版本的信息
npm info jquery  # 查看jquery的详细信息，等同于上面的npm view jquery
npm list jquery 或 npm ls jquery  # 查看本地已安装的jquery的详细信息
npm view jquery repository.url  # 查看jquery包的来源地址

9. npm 其他命令

npm cache clean  # 清除npm的缓存
npm prune     # 清除项目中没有被使用的包
npm outdated  # 检查模块是否已经过时
npm repo jquery  # 会打开默认浏览器跳转到github中jquery的页面
npm docs jquery  # 会打开默认浏览器跳转到github中jquery的README.MD文件信息
npm home jquery  # 会打开默认浏览器跳转到github中jquery的主页