前端各种包管理器

警告
本文最后更新于 2023-03-17,文中内容可能已过时,请谨慎使用。

Node.js有多个包管理工具: 如npmyarnpnpm 等等

  • node的包管理器(node package manager),是node.js 默认安装的、以js编写的软件包管理器。
  • 各个包之间的相互依赖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

和npm的区别

安装速度更快,缓存了每个下载过的包,再次使用时无需重复下载。 同时利用并行下载以最大化资源利用率,运行代码前会校验每个安装包的完整性和统一性,使其在不同系统上也能无差别的工作。

通过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也称高性能npm,相比npm、yarn优势在于节省磁盘空间并提升安装速度

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

相关文章