查找已安装npm包的版本

技术背景

在前端开发中，npm（Node Package Manager）是一个广泛使用的包管理工具。随着项目的发展，我们会安装大量的npm包，了解这些包的版本信息对于项目的维护、升级以及问题排查都非常重要。

实现步骤

查看单个特定包的版本

• 使用npm list命令：
  • 对于本地安装的包，使用npm list <package-name>。例如，npm list grunt会输出包含grunt包及其版本的信息。
  • 对于全局安装的包，使用npm list -g <package-name>。
• 使用npm view命令：npm view <package-name> version，该命令返回该包在npm上最新可用的版本。
• 使用npm info命令：npm info <package-name> version，可以查看指定包的版本。

查看所有包的版本

• 查看所有本地包的版本：
  • npm list：会显示所有本地安装的包及其依赖的版本信息。
  • npm list --depth=0：只显示本地安装的包的版本，不显示其依赖。
• 查看所有全局包的版本：
  • npm list -g：显示所有全局安装的包及其依赖的版本信息。
  • npm list -g --depth=0：只显示全局安装的包的版本，不显示其依赖。

通过package.json查看版本

• 直接查看项目根目录下的package.json文件，里面会记录项目所依赖的包及其版本。
• 也可以使用命令node -p "require('./package.json').version"在命令行中获取当前项目的版本。

在不同操作系统和环境下查找特定包版本

• 在Windows系统中：使用npm list | find <package name>。
• 在PowerShell中：使用npm list | sls <package name>。

使用第三方工具

• npm-check：
  • 安装：npm install -g npm-check。
  • 运行：npm-check，它会显示包的版本、新版本更新以及未使用的版本等信息。
• qnm：
  • 安装：npm i --global qnm。
  • 运行：qnm [module]，例如qnm lodash，可以快速查询node_modules目录中指定包的版本信息。

核心代码

# 查看本地特定包版本
npm list grunt
# 查看全局特定包版本
npm list -g grunt
# 查看包在npm上的最新可用版本
npm view grunt version
# 查看包的版本
npm info grunt version
# 查看所有本地包版本
npm list
# 查看所有本地包版本，不显示依赖
npm list --depth=0
# 查看所有全局包版本
npm list -g
# 查看所有全局包版本，不显示依赖
npm list -g --depth=0
# 通过package.json获取当前项目版本
node -p "require('./package.json').version"
# 在Windows系统中查找特定包版本
npm list | find grunt
# 在PowerShell中查找特定包版本
npm list | sls grunt
# 安装npm-check
npm install -g npm-check
# 运行npm-check
npm-check
# 安装qnm
npm i --global qnm
# 运行qnm
qnm lodash

最佳实践

• 定期使用npm outdated -g --depth=0检查全局包是否有更新，使用npm outdated --depth=0检查本地包是否有更新。
• 在项目开发过程中，使用npm list --depth=0查看项目直接依赖的包的版本，便于管理和维护。
• 对于经常需要查询包版本的情况，可以考虑安装qnm工具，它具有快速查询和一些实用的功能。

常见问题

• npm list输出信息过多：可以使用--depth=0参数来减少输出，只显示直接安装的包的版本信息。
• npm view显示的版本与本地安装版本不一致：npm view显示的是npm上最新可用的版本，而不是本地安装的版本。要查看本地安装版本，使用npm list命令。