跳至主要內容

安装项目依赖

狭雾大约 2 分钟开发文档

一般而言,基于现代化前端构建工具(如webpack,vite)构建的项目,在拉取项目后,还需要安装相关的依赖,才能使项目正常的运行和构建。

但假如项目使用的是JQuery之类的,本章节可以跳过。

选择包管理器

安装依赖时,我们应该选择正确的包管理器安装依赖:

在项目根目录找一下,是否有package-lock.json, yarn.lock,pnpm-lock.yaml文件,这些文件依次代表npm,yarn,pnpm包管理器的lock文件。后续安装依赖时应使用对应的包管理器安装依赖。

如果都没有,说明这是初次安装依赖,我们可以根据个人喜好和项目特性选择一个合适的包管理器。

特性npmyarnpnpm
安装速度相对较慢快最快
离线模式不支持支持支持
并行下载不支持支持支持
内存管理一般一般更好
依赖项缓存占用较多磁盘空间占用较多磁盘空间占用较少磁盘空间
兼容性良好良好可能存在问题
幻影依赖问题没有有没有

一般而言,在初次安装依赖的项目,我更推荐使用pnpm。

安装依赖

使用对应的包管理器安装依赖:

npm
npm install

若您还没有安装node.js或者没有安装对应的包管理器,可以点击这里查看如何安装。

在初次安装依赖包时,对应的包管理器会生成lock文件会锁定当前的依赖树,并记录每个依赖包的确切版本号和依赖关系。

当重新安装依赖包时,我们应根据对应的lock文件使用对应的包管理器。包管理器将使用lock文件中记录的版本和依赖关系来安装依赖包,而不是根据package.json文件中的符号依赖去解析版本。这确保了依赖包版本的一致性,在多人共同协作维护的项目中,这一点非常重要。