登录
首页 >  文章 >  前端

JavaScript包管理器有哪些?npm与yarn教程

时间:2025-12-15 22:28:39 277浏览 收藏

推广推荐
免费电影APP ➜
支持 PC / 移动端,安全直达

在文章实战开发的过程中,我们经常会遇到一些这样那样的问题,然后要卡好半天,等问题解决了才发现原来一些细节知识点还是没有掌握好。今天golang学习网就整理分享《JavaScript包管理器有哪些?npm与yarn使用教程》,聊聊,希望可以帮助到正在努力赚钱的你。

npm是Node.js默认包管理器,yarn和pnpm注重性能与确定性,cnpm已被npmmirror.com取代;新手用npm,中大型团队推荐yarn或pnpm。

javascript包管理器有哪些_如何使用npm或yarn管理依赖?

JavaScript 主流包管理器有 npm、yarn、pnpm 和 cnpm,其中 npm 是 Node.js 自带的默认工具,yarn 和 pnpm 是更注重性能与确定性的替代方案,cnpm 是淘宝镜像封装的 npm 快捷版(已逐步被 npmmirror.com 官方镜像取代)。

npm 基础使用方式

安装后自动可用,无需额外安装。关键操作如下:

  • 初始化项目:运行 npm init -y 生成默认 package.json
  • 安装依赖npm install lodash(写入 dependencies);npm install eslint --save-dev(写入 devDependencies
  • 全局安装工具:如 npm install -g http-server,之后可直接在终端调用 http-server
  • 锁定版本:安装时自动生成 package-lock.json,确保团队安装一致
  • 设置国内源:执行 npm config set registry https://registry.npmmirror.com(推荐,比旧版淘宝源更稳定)

yarn 基础使用方式

yarn 需单独安装(npm install -g yarn),但后续命令更简洁、并行安装更快:

  • 初始化项目yarn init -y
  • 安装依赖yarn add axios(生产依赖);yarn add jest --dev(开发依赖)
  • 安装全部依赖yarn install(读取 yarn.lock,结果确定性高)
  • 运行脚本yarn run build 或简写为 yarn build(只要 package.json 中有 "scripts": {"build": "..."}
  • 升级依赖yarn upgrade react@18.2.0yarn upgrade-interactive(交互式选择)

选哪个?看实际需求

新手或小项目直接用 npm 就够用,生态兼容性最好;中大型团队或对安装速度、磁盘占用敏感,推荐 yarn(v1)或 pnpm(硬链接+符号链接,节省空间);需要严格复现构建环境,优先选 yarn 或 pnpm,因它们的 lock 文件语义更强、解析更严谨。

基本上就这些。

本篇关于《JavaScript包管理器有哪些?npm与yarn教程》的介绍就到此结束啦,但是学无止境,想要了解学习更多关于文章的相关知识,请关注golang学习网公众号!

相关阅读
更多>
最新阅读
更多>
课程推荐
更多>