包管理工具那么多,怎么选?npm、yarn 和 pnpm 三者比较及使用详解!
作者:mmseoamin日期:2023-12-11

1、简介

在 Vue 项目中,我们需要使用许多第三方依赖库,如 Vue Router、Vuex、Axios、Element UI 等等。这些依赖库通常以 NPM 包的形式提供,而且在使用时需要进行版本管理。因此,我们需要使用一个包管理工具来统一管理这些依赖库,避免版本冲突和管理繁琐。

常见的 Vue 项目包管理工具包括:

NPM:NPM(Node Package Manager)是 Node.js 自带的包管理工具,也是最常用的包管理工具之一。它可以方便地安装、升级、卸载依赖包,还可以发布自己的包到 NPM 仓库。

Yarn:Yarn 是 Facebook 推出的包管理工具,具有速度快、缓存机制好等优点。与 NPM 相比,Yarn 可以更快地下载依赖包,并且支持离线模式。

PNPM:PNPM(Permissive NPM)是一款新兴的包管理工具,与 NPM 不同的是,PNPM 采用了类似软链接的方式,将依赖包安装到每个项目的 node_modules 目录下,从而避免了大量的重复安装。

这些包管理工具都提供了一种方便的方式来管理项目中的依赖库,并且都能够很好地集成到 Vue 项目中。

1.1、中文官网地址

以下是这些工具的中文官网地址:

  • Node.js 中文官网地址
  • Vue.js V2 中文官网地址
  • Vue.js V3 中文官网地址
  • npm 中文官网地址
  • Yarn V1 中文官网地址
  • Yarn V2 中文官网地址
  • PNPM 中文官网地址

    2、NPM

    2.1、NPM 简介

    NPM(Node Package Manager)是 Node.js 默认的包管理器,它是世界上最大的软件注册表之一,有超过 100 万个包(package)可供下载使用。NPM 可以让开发者轻松地分享、安装和管理 Node.js 中的代码包和依赖项,它是构建现代 JavaScript 应用程序的关键组件之一。

    除了作为 Node.js 的包管理器之外,NPM 也可以用于前端开发。在前端开发中,NPM 主要用于安装、管理和更新前端项目的各种依赖包,例如 Vue、React、Angular 等常用框架。NPM 可以帮助开发者快速、方便地安装和管理这些依赖,以便在项目中使用它们。

    总之,NPM 是一个非常重要的开发工具,它提供了丰富的功能和生态系统,帮助开发者更轻松、更高效地构建应用程序。

    2.2、NPM 安装

    Mac 系统你可以直接在 Node.js 官网下载地址 下载 pkg 安装包,然后直接点击安装即可完成 Node.js 安装。

    Windows 系统可以参考我的另一篇文章《Windows 安装配置 Node.js》

    如果需要更详细的安装说明,可以参考菜鸟教程中的 Node.js 安装配置 教程。

    安装好 Node.js 之后,npm 会自动安装在电脑上,因此无需另行安装。你可以在命令行中输入 npm -v 命令,检查 npm 是否已经正确安装。如果输出了版本号,则说明 npm 安装成功。

    # 查看 Node.js 版本信息
    node -v
    # 查看 npm 版本信息
    npm -v
    

    2.3、NPM 常用命令

    下面列举一些常用的 npm 命令及其详细介绍:

    # 1、创建一个新的 Node.js 应用程序或模块,并在 package.json 文件中定义依赖项。
    npm init
    # 2、安装依赖项。如果在安装时没有指定包的版本号,则将安装最新版本的包。
    npm install
    # 3、安装指定的依赖项,并将其添加到 package.json 文件中的 dependencies 中。
    npm install  --save
    # 4、安装指定的开发依赖项,并将其添加到 package.json 文件中的 devDependencies 中。
    npm install  --save-dev
    # 5、将包安装为全局包,以便在系统的任何位置使用它们。
    npm install -g 
    # 6、更新 package.json 文件中指定的所有包的版本。
    npm update
    # 7、更新指定的包的版本。
    npm update 
    # 8、卸载指定的依赖项,并将其从 package.json 文件中的 dependencies 或 devDependencies 中删除。
    npm uninstall 
    # 9、查看指定的包的详细信息,包括其版本、描述、关键字、维护者等。
    npm view 
    # 10、搜索与指定关键字匹配的包。
    npm search 
    # 11、清除 npm 的缓存。
    npm cache clean
    # 12、启动 Node.js 应用程序。
    npm start
    # 13、运行测试套件。
    npm test
    # 14、运行 package.json 文件中指定的脚本。
    npm run