【NPM】包的指令

npm 安装的包可以根据其用途和作用进行分类,一般可以分为以下几种类型:

  1. 普通依赖(Regular Dependencies): 这些是你项目中的实际依赖项,用于构建、运行或扩展你的应用程序。这些依赖会被包含在你的应用程序中,并在运行时使用。普通包会被安装在项目的 node_modules 文件夹下。安装方式:通过命令 npm install package-name 安装。

  2. 开发依赖(Development Dependencies): 这些依赖项是在开发过程中需要但在生产环境中不需要的,如测试工具、构建工具等。这些依赖只在开发时使用。开发依赖会被安装在项目的 node_modules 文件夹下,但在生产环境中不会包含这些包。安装方式:通过命令 npm install --save-dev package-name 安装。

  3. 可选依赖(Optional Dependencies): 这些依赖项是可选的,在安装时不会导致安装失败。它们通常用于在特定条件下提供额外的功能。

  4. 全局包(Global Packages): 全局包是在你的计算机上全局安装的,通常用于提供命令行工具或在多个项目之间共享。它们的可执行文件可以在命令行中直接使用。全局包会被安装在全局的 node_modules 文件夹下。安装方式:通过命令 npm install -g package-name 安装。

查看安装的包的方式取决于你想要查看哪种类型的包。以下是几种常见的查看方式:

  1. 查看项目中的包:

    • 打开终端,进入你的项目文件夹。
    • 使用命令 npm listnpm ls 可以显示当前项目的所有依赖,包括普通依赖和开发依赖。使用 --depth 参数可以指定显示的深度。
    • 使用 npm list --global 可以查看全局安装的包。
  2. 查看全局包:

    • 打开终端,运行 npm list -g --depth 0,这会列出全局安装的所有包,但不会显示它们的依赖项。
    • 你也可以使用 npm list -g package-name 查看特定全局包的详细信息。
  3. 查看可选依赖:

    • 可选依赖通常在 package.json 文件中的 "optionalDependencies" 字段中指定。你可以直接查看这个字段来了解可选依赖。
  4. 查看项目的包信息:

    • 如果你想查看特定包的信息,可以运行 npm info package-name,这会显示有关包的详细信息,包括版本、描述、作者等。

在项目的根目录下,有一个 package.json文件,它记录了你的项目依赖的包以及版本信息。在这个文件中,你可以看到依赖项被分成了三个不同的部分:

  • "dependencies":这是项目的普通包依赖项,它们会在项目中使用并在生产环境中包含。
  • "devDependencies":这是项目的开发依赖项,它们只在开发过程中需要。
  • "optionalDependencies":这是可选的依赖项,在安装时不会失败,但如果依赖项无法满足,应用程序可能会在运行时出现问题。
相关推荐
然我4 分钟前
React 16.8:不止 Hooks 那么简单,这才是真正的划时代更新 🚀
前端·react.js·前端框架
小高00717 分钟前
📈前端图片压缩实战:体积直降 80%,LCP 提升 2 倍
前端·javascript·面试
OEC小胖胖21 分钟前
【React Hooks】封装的艺术:如何编写高质量的 React 自-定义 Hooks
前端·react.js·前端框架·web
BillKu28 分钟前
vue3+element-plus 输入框el-input设置背景颜色和字体颜色,样式效果等同于不可编辑的效果
前端·javascript·vue.js
惊悚的毛毛虫33 分钟前
掘金免广告?不想看理财交流圈?不想看exp+8?
前端
springfe010139 分钟前
vue3组件 - 大文件上传
前端·vue.js
再学一点就睡1 小时前
Vite 工作原理(简易版)—— 从代码看核心逻辑
前端·vite
好好好明天会更好1 小时前
uniapp项目中小程序的生命周期
前端·vue.js
CF14年老兵1 小时前
「Vue 3 + View Transition 实现炫酷圆形缩放换肤动画」
前端·css·trae