前端各种包管理器
目录
警告
本文最后更新于 2023-03-17，文中内容可能已过时，请谨慎使用。
Node.js有多个包管理工具： 如npm、yarn、pnpm 等等
什么是npm
- node的包管理器(node package manager)，是node.js 默认安装的、以js编写的软件包管理器。
- 各个包之间的相互依赖npm帮我们管理，不需要我们单独去管理。
npm使用
查看当前npm的详细配置信息
npm config list -l
查看当前版本
npm -v
更换全局安装路径
查看全局安装路径
npm config get prefix
修改全局路径
npm config set prefix "E:\nodeRepo"
安装依赖时会在该路径下自动创建一个node_modules文件夹，该目录下保存所有全局安装的模块。
修改缓存位置
npm config set cache "E:\npmRepo\npm-cache"
记得重新配置环境变量，windows只需要在Path变量中添加一个E:\nodeRepo
安装依赖
npm install： 读取package.json里面的dependencies部分并进行安装
npm install xxx # 安装依赖到项目目录下，不会将模块依赖写入devDependencies或dependencies。
npm install xxx -g # 将依赖安装到全局安装目录下
npm install xxx -S # 安装依赖到项目目录下，并在package.json的dependencies节点写入依赖。
npm install xxx -D # 安装依赖到项目目录下，并在package.json的devDependencies节点写入依赖。
安装指定版本依赖
npm install juery@3.0.0
依赖管理
如果需要管理全局安装的包，只需在下面的命令后加上-g参数即可
npm list # 查看当前项目安装的所有依赖
npm list vue # 查看某一个依赖的版本
npm update jquery # 更新某个依赖到最新版本
npm install -g npm@9.6.2 # 更新npm到指定版本
npm uninstall jquery # 删除jquery模块
更换镜像源
查看当前镜像源
npm get registry
永久更换镜像源
npm config set registry https://registry.npmmirror.com/
恢复原来的源
npm config set registry https://registry.npmjs.org
执行脚本
如果不加任何参数，直接npm run，会列出package.json里面所有可以执行的脚本命令
下面命令会执行当前项目的package.json中的scripts字段的build命令
npm run build
yarn使用
和npm的区别
安装速度更快，缓存了每个下载过的包，再次使用时无需重复下载。 同时利用并行下载以最大化资源利用率，运行代码前会校验每个安装包的完整性和统一性，使其在不同系统上也能无差别的工作。
安装yarn
通过npm安装
npm install yarn -g
安装成功后查看版本
yarn -v
查看yarn的详细配置
yarn config list
更换全局安装路径
#改变yarn全局安装依赖的位置
yarn config set global-folder "E:\yarn_cache"
#改变yarn缓存位置
yarn config set cache-folder "E:\yarn_global"
更换镜像源
使用npm安装的yarn会继承npm使用的镜像源
使用下面命令查看镜像源
yarn config get registry
当然，你可以通过下面的命令设置镜像源
yarn config set registry https://registry.npmmirror.com/ -g
yarn config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass -g
依赖管理
查看已安装依赖
yarn list --depth=0 # 当前项目
yarn global list --depth=0
yarn读取package.json的dependencies部分并进行安装
yarn install
yarn全局安装和移除包
yarn global add xxx
yarn global remove xxx
yarn局部安装和移除包
yarn add xxx
yarn remove xxx
运行脚本
yarn run xxx
pnpm使用
pnpm也称高性能npm,相比npm、yarn优势在于节省磁盘空间并提升安装速度
安装pnpm
npm install pnpm -g
配置
查看配置信息
$ pnpm config list
cache=E:\npmRepo\npm-cache
cache-dir=E:\pnpm\global\cache
global-bin-dir=E:\pnpm\bin
global-dir=E:\pnpm\global
https-proxy=null
prefix=E:\nodeRepo
proxy=null
registry=https://registry.npm.taobao.org/
store-dir=E:\pnpm\global
user-agent=pnpm/7.29.3 npm/? node/v18.15.0 win32 x64
需要将上述global-bin-dir的路径加入到Path变量
更换源
使用npm安装的yarn会继承npm使用的镜像源
使用下面命令查看镜像源
pnpm config get registry
当然，你可以通过下面的命令设置镜像源
pnpm config set registry https://registry.npmmirror.com/
安装依赖
pnpm install # 用于安装项目所有依赖
安装指定包
pnpm add sax 保存到 dependencies
pnpm add -D sax 保存到 devDependencies
pnpm add -O sax 保存到 optionalDependencies
pnpm add -g sax Install package globally
pnpm add sax@next 从 next 标签下安装
pnpm add sax@3.0.0 安装指定版本 3.0.0
删除依赖
pnpm remove 包 //移除包
pnpm remove 包 -g //移除全局包
更新依赖
pnpm up # 遵循 package.json 指定的范围更新所有的依赖项
pnpm up --latest # 更新所有依赖项，此操作会忽略package.json指定的范围
pnpm up foo@2 # 将foo更新到v2以上的最新版本
运行脚本
pnpm run xxx
