VUE安装包，怎么检查全部依赖包版本

edit

显示草稿

volume_up 

检查Vue项目中所有依赖包的版本，可以使用以下工具和方法：

1. 使用npm命令

• 使用 npm ls 命令可以列出项目中所有已安装的依赖包及其版本。
• 使用 npm list --depth=1 命令可以列出项目中直接依赖的包及其版本，以及间接依赖的包的最新版本。
• 使用 npm list --depth=2 命令可以列出项目中直接依赖的包及其版本，以及间接依赖的包的最新版本和实际安装的版本。

例如，在Vue项目目录下执行以下命令：

npm ls

将输出类似以下结果：

+-- @vue/cli@5.0.0
|   +-- @vue/devtools-api@6.0.0-beta.3
|   +-- @vue/eslint-config-core@5.0.0
|   +-- @vue/eslint-config-recommended@5.0.0
|   +-- @vue/test-utils@2.0.0-beta.3
|   +-- cross-env@7.0.3
|   +-- electron@13.6.8
|   +-- eslint@8.0.1
|   +-- eslint-plugin-vue@8.0.0
|   +-- fs-extra@8.1.0
|   +-- globby@11.0.2
|   +-- inquirer@8.2.0
|   +-- minimist@1.2.5
|   +-- node-sass@6.0.1
|   +-- normalize-path@1.0.0
|   +-- npm-run-all@4.1.5
|   +-- open@8.4.0
|   +-- progress@2.0.1
|   +-- puppeteer-core@10.4.0
|   +-- resolve@1.22.1
|   +-- sass-loader@12.4.0
|   +-- source-map-resolve@0.5.3
|   +-- tapable@2.2.1
|   +-- terser-webpack-plugin@5.3.1
|   +-- ts-loader@8.2.0
|   +-- vue@3.2.35
|   +-- vue-class-component@7.2.4
|   +-- vue-loader@16.8.3
|   +-- vue-router@4.1.1
|   +-- webpack@5.64.4
|   +-- webpack-cli@4.9.1
|   +-- webpack-dev-server@4.9.1
+

• 使用 npm outdated 命令可以列出项目中已过时版本的依赖包。

例如，在Vue项目目录下执行以下命令：

npm outdated

将输出类似以下结果：

Outdated packages:axios@0.27.2 should be updated to 1.0.0qs@6.2.5 should be updated to 6.3.2

2. 使用npm audit命令

npm audit 命令可以检查项目中依赖包的安全性，并列出存在安全漏洞的依赖包。

例如，在Vue项目目录下执行以下命令：

npm audit

将输出类似以下结果：

Some vulnerabilities were found in your project.For details, see https://npm.js/audit/resolvedFound 1 vulnerability in axios:Cross-site scripting (XSS) in axios < 1.2.0Please upgrade axios to 1.2.0 or above to fix these vulnerabilities.

3. 使用第三方工具

除了使用npm命令之外，还可以使用一些第三方工具来检查Vue项目中所有依赖包的版本，例如：

• NPM-check：npm-check - npm
• Dependency-tree：[移除了无效网址]
• Yarn-vis：[移除了无效网址]

这些工具可以提供更直观的信息，例如依赖包的树状结构和版本关系。

4. 手动检查

对于简单的项目，也可以手动检查所有依赖包的版本。

• 打开项目目录中的 package.json 文件。
• 找到 dependencies 和 devDependencies 节点