1.依赖包的分类

开发依赖

开发依赖：开发中所使用的的依赖，线上生产环境上并不需要他们

• 构建工具 点名 webpack、webpack-cli、rollup
• 预处理器 指的是对源代码进行一定的处理并生成最终代码的工具。常见的有 css 中的 less、scss、sass、stylus，js 中的 typescript、coffee-script、babel
• 测试工具 当然在线上时是用不到测试工具的，因此他们归入开发依赖。常用如 chai、e2e

项目依赖

项目依赖：开发中需要使用，线上生产环境也需要使用的依赖

• axios、vue、vuex、vue-router

2.包管理工具

npm 的基本使用

安装 node，自带 npm

安装 xxx 包： npm i xxx

全局安装包： npm i xxx -g

安装指定版本的 xxx 包： npm i xxx@5.1.0

更新 xxx 包的版本： npm update xxx

卸载 xxx 包： npm uninstall xxx -S

安装所有依赖包： npm install

初始化项目生成 package.json 文件： npm init

安装开发依赖 xxx 包： npm i xxx -D

安装项目依赖 xxx 包 ： npm i xxx -S

-D === --save-dev -S === --save

npm 设置镜像源

查看当前下包镜像源

npm config get registry

将下包镜像源切换到淘宝镜像源

npm config set registry=registry.npm.taobao.org/

nrm 切换 npm 下包镜像源

nrm 安装

将 nrm 安装为全局可用的工具

npm i nrm -g

查看所有 npm 镜像源

nrm ls

将镜像源切换到 taobao 镜像

nrm use taobao

yarn 的基本使用

安装： 官网下载 或者 npm i yarn

安装 xxx 包： yarn add xxx

全局安装包： yarn global add xxx

安装指定版本的 xxx 包： yarn add xxx@5.1.0

更新 xxx 包的版本： yarn upgrade xxx

卸载 xxx 包： yarn remove xxx

安装所有依赖包： yarn 或者 yarn install

初始化项目生成 package.json 文件： yarn init

安装开发依赖 xxx 包： yarn add xxx --dev

安装项目依赖 xxx 包 ： yarn add xxx

yarn和npm的区别

性能和速度：在包的安装和下载方面，yarn 通常比 npm 更快速。yarn 使用了并行下载和缓存等优化策略，可以提供更快的安装速度。

缓存机制：yarn 具有更强大的缓存机制，能够更好地利用缓存，减少重复下载。这对于团队协作和构建机器上的重复构建是有益的，可以节省时间和带宽。

安全性：yarn 在包的下载和安装过程中更加注重安全性。它通过使用 yarn.lock 文件来锁定依赖项的版本，确保在不同环境下使用的是相同的依赖版本，从而减少由于依赖项版本不一致导致的问题。

用户界面：yarn 提供了更友好和直观的命令行界面，显示更详细的信息，如安装进度、依赖关系树等。相比之下，npm 的命令行界面较为简洁。

生态系统：npm 是 Node.js 生态系统的默认包管理工具，拥有庞大的包库和活跃的社区支持。大多数开源项目和文档都以 npm 为主要的依赖管理工具。虽然 yarn 的用户数量在不断增加，但 npm 仍然是广泛使用的。