前端的nvm、nodejs、npm、yarn、pnpm配置备忘

随机漫步的傻瓜

2024-09-26

nodejs, npm, nvm, pnpm, yarn

前言

npm、yarn、pnpm默认的cache目录在系统盘，现希望迁移其缓存cache及global目录到F:\.cache\nodejs下。

这里默认用windows安装为例

推荐路线：安装nvm -》 用nvm安装nodejs -》 配置npm -》【可选】安装yarn/pnpm（这两个也是跟npm类似的包管理工具，可选）

参考文章

安装nvm

windows

windows的从release中下载安装文件进行安装
linux/mac

linux/mac的执行仓库提供的sh脚本进行安装，安装完毕后在终端可以看到nvm的安装目录，默认在~/.nvm

安装完毕后修改默认配置：

修改nvm安装目录下的settings.txt文件，可指定nvm的路径跟nodejs的路径（nodejs的路径实际默认会安装在nvm的安装目录下，指定的nodejs路径其实是一个软链接路径）：

root: F:/APP/nvm
path: F:/APP/nvm/nodejs
arch: 64
originalpath: 
originalversion: 
node_mirror: https://registry.npmmirror.com/binary.html?path=node/
npm_mirror: https://registry.npmmirror.com/binary.html?path=npm/

配置环境变量（方面直接用nvm命令、nodejs全局命令）：
1
2
3
4
setx NVM_HOME "F:\APP\nvm" /M
setx NVM_SYMLINK "F:\APP\nvm\nodejs" /M

setx PATH "%PATH%;%NVM_HOME%;%NVM_SYMLINK%" /M
在Path中追加配置：%NVM_HOME% 跟 %NVM_SYMLINK%

用nvm安装nodejs：

安装并使用nodejs
1
2
nvm install 20
nvm use 20
查看nvm版本
1
nvm v
查看node版本：
1
node --version

配置npm：

配置文件路径为：C:/Users/userName/.npmrc，自定义缓存目录跟仓库源（这里用了nvm就不需要配置prefix目录了，默认-g的全局依赖包会安装到nvm下的nodejs目录）

指定cache目录+仓库源：

1	npm config set cache "F:/.cache/nodejs/npm/cache" && npm config set registry "http://registry.npmmirror.com"

查看当前配置：
1
npm config ls -l
安装全局依赖：
1
npm install -g <package_name>
移除全局依赖：
1
npm uninstall -g <package_name>
查看全局依赖：
1
npm list -g
安装局部依赖（默认安装在当前项目根目录的node_modules下）:
1
npm install <package_name>
移除局部依赖：
1
npm uninstall <package_name>

【仅记录，请忽略】原先默认的路径配置：

1 2	cache = "C:/Users/userName/AppData/Local/npm-cache" prefix = "C:/Program Files/nodejs"

获取缓存路径：
1
npm config get cache
清理缓存：
1
npm cache clean -f

【可选】安装yarn

配置文件路径为：C:/Users/userName/.yarnrc

安装：
1
npm install -g yarn

配置cache跟glabal目录+仓库源（执行完毕后需要将global目录配置到环境变量中）：

yarn config set prefix "F:\.cache\nodejs\Yarn\Data" && `
yarn config set global-folder "F:\.cache\nodejs\Yarn\Data\global" && `
yarn config set cache-folder "F:\.cache\nodejs\Yarn\Cache" && `
yarn config set link-folder "F:\.cache\nodejs\Yarn\Data\link" && `
yarn config set registry "http://registry.npmmirror.com"

查看当前配置：
1
yarn global dir && yarn cache dir
安装全局依赖：
1
yarn global add <package_name>
移除全局依赖：
1
yarn global remove <package_name>
查看全局依赖：
1
yarn global list <package_name>
安装局部依赖（默认安装在当前项目根目录的node_modules下）:
1
yarn add <package_name>
移除局部依赖：
1
yarn remove <package_name>

【仅记录，请忽略】原先默认的路径配置：

1 2	cache = "C:/Users/userName/AppData/Local/Yarn/Cache" prefix = "C:/Users/userName/AppData/Local/Yarn/Data"

获取缓存路径：
1
yarn cache dir
清理缓存：
1
yarn cache clean -f
配置yarn的全局依赖目录环境变量
1
setx PATH "%PATH%;F:\.cache\nodejs\Yarn\Data\bin" /M
在Path中追加配置：F:\.cache\nodejs\Yarn\Data\bin

【可选】安装pnpm

默认配置文件路径为：C:\Users\userName\AppData\Local\pnpm\config\rc

安装：
1
npm install -g pnpm
配置环境变量（全局包会存放于该目录）
1
2
3
setx PNPM_HOME "F:\.cache\nodejs\pnpm" /M

setx PATH "%PATH%;%PNPM_HOME%" /M
在Path中追加配置：%PNPM_HOME%

配置cache跟glabal目录+仓库源：

1
2
3

pnpm config set cache-dir "F:/.cache/nodejs/pnpm/cache" && `
pnpm config set store-dir "F:/.cache/nodejs/pnpm/store" && `
pnpm config set registry "http://registry.npmmirror.com"

查看当前配置：
1
pnpm config list
安装全局依赖：
1
pnpm add -g <package_name>
移除全局依赖：
1
pnpm remove -g <package_name>
查看全局依赖：
1
pnpm list -g <package_name>
安装局部依赖（默认安装在当前项目根目录的node_modules下）:
1
pnpm add <package_name>
移除局部依赖：
1
pnpm remove <package_name>

【仅记录，请忽略】原先默认的路径配置：

1 2	cache = "C:/Users/userName/AppData/Local/pnpm" prefix = "C:/Users/userName/AppData/Local/pnpm"

获取缓存路径：
1
pnpm store path
清理缓存：
1
pnpm store prune

汇总需要手动配置到环境变量的目录：

%NVM_HOME%
%NVM_SYMLINK%
%PNPM_HOME%
F:\.cache\nodejs\Yarn\Data\bin

命令行方式添加（powershell下管理员权限）：

1	setx PATH "%PATH%;%NVM_HOME%;%NVM_SYMLINK%;%PNPM_HOME%;F:\.cache\nodejs\Yarn\Data\bin" /M