npm 与 yarn 常用命令对比及关键注意事项

NPM 与 Yarn 常用命令对比及关键注意事项

下面是一份更详细的 npm 与 yarn 常用命令对照表,并附带了每个命令的含义解释:

功能场景 npm 命令 yarn 命令 命令含义解释
初始化项目 npm init yarn init 在当前目录创建一个新的 package.json 文件,用于配置项目信息和依赖管理。
安装所有依赖 npm install yarn install / yarn 根据 package.json 和锁文件,安装项目所需的所有依赖包。yarn 命令是 yarn install 的简写。
安装生产依赖 npm install <package> yarn add <package> 将指定包安装到项目中,并添加到 dependencies 字段,这些包是项目运行时必需的。
安装开发依赖 npm install <package> --save-dev yarn add <package> --dev 将指定包安装到项目中,并添加到 devDependencies 字段,这些包仅在开发和构建时需要。
全局安装 npm install -g <package> yarn global add <package> 将包安装到系统全局,可在任何项目中直接使用其提供的命令行工具。
卸载依赖 npm uninstall <package> yarn remove <package> 从项目中移除指定的依赖包,并更新 package.json 和锁文件。
更新依赖 npm update <package> yarn upgrade <package> 将指定包更新到符合 package.json 中版本规则的最新版本。
运行脚本 npm run <script> yarn run <script> / yarn <script> 执行 package.jsonscripts 字段定义的脚本命令。yarn <script>yarn run <script> 的简写。
查看全局包 npm list -g --depth 0 yarn global list 列出所有全局安装的包及其版本。
查看本地包 npm list yarn list 列出当前项目中安装的所有依赖包及其层级关系。
清除缓存 npm cache clean --force yarn cache clean 清除包管理器的本地缓存,用于解决一些下载或安装问题。

关键注意事项

  1. 锁文件的作用

    • npm 生成 package-lock.jsonyarn 生成 yarn.lock

    • 这些文件记录了依赖的确切版本,确保团队成员和部署环境中安装的依赖版本完全一致。

  2. 避免混用

    • 在同一个项目中,尽量始终使用同一种包管理器。混用会导致锁文件冲突和依赖版本不一致的问题。
  3. 版本指定

    • 安装时可以指定版本号,例如 npm install vue-router@3.6.5yarn add vue-router@3.6.5,这会锁定依赖的版本。
相关推荐
pany14 小时前
做 AI 友好的开源 Vue3 模板 🌈
前端·vue.js·ai编程
小二·14 小时前
React 19 + Next.js 15 现代前端开发实战:App Router / Server Components / 流式渲染
前端·javascript·react.js
谙忆102415 小时前
前端图片直传对象存储:OSS/S3 预签名 URL、STS 临时凭证与回调校验
前端
CHNE_TAO_EMSM17 小时前
Android studio 打开文件时自动下载源码
前端·javascript·android studio
一孤程17 小时前
Airtest自动化测试第五篇:小程序与Web测试——跨平台自动化全覆盖
前端·自动化测试·小程序·自动化·测试·airtest
IT_陈寒17 小时前
SpringBoot自动配置不是你以为的那样的智能
前端·人工智能·后端
yume_sibai18 小时前
大屏数据可视化 - 边框红绿呼吸灯实现详解
前端·信息可视化·typescript
Hyyy19 小时前
很多Desktop都在上的Computer Use是什么
前端·llm
慢功夫19 小时前
开篇:VS Code 为什么不是一个普通 React App
前端·visual studio code
你挚爱的强哥19 小时前
Vue2 实现 1.5s 十连击监听(连续点击若干次),封装通用可复用点击检测工具,不用 data!Vue 封装通用连击监听方法,支持自定义时长与点击次数
前端·javascript·vue.js