【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":这是可选的依赖项,在安装时不会失败,但如果依赖项无法满足,应用程序可能会在运行时出现问题。
相关推荐
火星数据-Tina4 小时前
体育平台搭建:如何高效引入赛事直播与比分数据
大数据·前端·网络
RichardLau_Cx4 小时前
Google Chrome 浏览器安装「豆包插件」完整教程
前端·chrome·插件·豆包
stereohomology4 小时前
Typora中绕过主题html方式自定义字体的一个设置问题
前端·html
_OP_CHEN4 小时前
【前端开发之CSS】(四)CSS 常用元素属性宝典(下):背景与圆角进阶指南,让页面颜值飙升!
前端·css·html·页面开发·gui开发·css元素属性
光影少年4 小时前
react和vue多个组件在一个页面展示不同内容都是请求一个接口,如何优化提升率性能
前端·vue.js·react.js
aPurpleBerry4 小时前
React 组件:组件通信、受控组件&非受控组件、异步组件、HOC高阶组件
前端·react.js·前端框架
匠心网络科技4 小时前
前端框架-Vue双向绑定核心机制全解析(二)
前端·javascript·vue.js·前端框架
晚霞的不甘4 小时前
Flutter 方块迷阵游戏开发全解析:构建可扩展的关卡式益智游戏
前端·flutter·游戏·游戏引擎·游戏程序·harmonyos
咕噜咕噜啦啦4 小时前
HTML速通
前端·vscode·html·html5
我是伪码农13 小时前
Vue 1.23
前端·javascript·vue.js