下载及安装最新版nodejs
windows系统: https://nodejs.org/dist/v20.5.1/node-v20.5.1-win-x64.zip
# 下载完毕后放到非 `C盘`的目录下,防止安装依赖出现权限问题; 例如解压缩后目录: L:/nodejs
# 新增环境变量:
NODE_HOME: L:/nodejs
NODE_PATH: L:/nodejs/node_modules
# 修改PATH的值: 新增 %NODE_HOME%
liunx系统:https://nodejs.org/dist/v20.5.1/node-v20.5.1-linux-x64.tar.gz
# 下载 wget https://nodejs.org/dist/v20.5.1/node-v20.5.1-linux-x64.tar.gz
# 解压 tar -zxvf node-v20.5.1-linux-x64.tar.gz
# 移动到/usr/local, 且修改文件夹名字为:nodejs,(可以根据自己喜好来移动目录及修改文件名字) mv node-v20.5.1-linux-x64 /usr/local/nodejs
# 修改系统环境配置
输入命令:vi /etc/profile ,在末尾添加以下三行:
export NODE_HOME=/usr/local/nodejs
export PATH=$PATH:$NODE_HOME/bin
export NODE_PATH=$NODE_HOME/lib/node_modules
之后按Esc键,并输入“:wq!”命令保存配置并推出
再次命令行输入:source /etc/profile
包管理工具npm,yarn, pnpm配置
# 新建目录格式如下: windows: L:\packages; liunx: /usr/local/package (路径名称根据自己喜好设置)
package
├── npm
│ ├── cache
│ └── global
├── pnpm
│ ├── bin
│ ├── cache
│ ├── global
│ ├── state
│ └── store
└── yarn
├── cache
├── global
└── link
1.配置npm全局环境
npm config ls -l # 查询所有npm相关的配置,调用npm config set进行更改或覆盖
npm config set prefix "L:\packages\npm\global" 或 "/usr/local/package/npm/global" # 配置npm全局安装路径
npm config set cache "L:\packages\npm\cache" 或 "/usr/local/package/npm/cache" # 配置npm全局缓存路径
npm config set registry "https://registry.npmmirror.com/" # 修改npm镜像 **
**
## windows 环境变量修改
# 修改NODE_PATH的值为: L:\packages\npm\global\node_modules
# 添加全局安装路径到 path: L:\packages\npm\global
## liunx 环境变量修改
# export PATH=$PATH:$NODE_HOME/bin:/usr/local/package/npm/global/bin
# export NODE_PATH=/usr/local/package/npm/global/lib/node_modules
# 修改完毕后保存,再执行命令,使环境变量生效 source /etc/profile
2.安装yarn及配置全局环境
npm install -g yarn # 全局安装yarn, 执行yarn help和yarn help [command]学习使用
yarn --version # 检测yarn安装版本 1.22.x,在使用yarn init之前执行yarn set version berry, 版本就在此文件夹下变成2.x.x
yarn config list # 查看yarn相关配置
yarn global bin # yarn全局bin位置
yarn global dir # yarn全局安装位置
yarn cache dir # yarn全局缓存位置
yarn config set prefix "L:\packages\yarn\global" 或 "/usr/local/package/yarn/global" # 配置yarn全局bin路径
yarn config set global-folder "L:\packages\yarn\global" 或 "/usr/local/package/yarn/global" # 配置yarn全局包的安装路径
yarn config set link-folder "L:\packages\yarn\link" 或 "/usr/local/package/yarn/link" # 配置yarn全局link路径
yarn config set cache-folder "L:\packages\yarn\cache" 或 "/usr/local/package/yarn/cache" # 配置yarn全局缓存路径
yarn config set registry "https://registry.npmmirror.com/" # 修改yarn镜像
## windows 环境变量修改
# 修改NODE_PATH的值为: L:\packages\npm\global\node_modules;L:\packages\yarn\global\node_modules
# 添加bin的全局安装路径到 path: L:\packages\yarn\global\bin
## liunx 环境变量修改
# export PATH=$PATH:$NODE_HOME/bin:/usr/local/package/npm/global/bin:/usr/local/package/yarn/global/bin
# export NODE_PATH=/usr/local/package/npm/global/lib/node_modules:/usr/local/package/yarn/global/node_modules
# 修改完毕后保存,再执行命令,使环境变量生效 source /etc/profile
3.安装pnpm及配置全局环境
npm install -g pnpm # 全局安装pnpm
pnpm --version # pnpm版本
pnpm config set store-dir "L:\packages\pnpm\store" 或 "/usr/local/package/pnpm/store" # pnpm全局仓库路径(类似 .git 仓库)
pnpm config set global-dir "L:\packages\pnpm\global" 或 "/usr/local/package/pnpm/global" # pnpm全局安装路径
pnpm config set global-bin-dir "L:\packages\pnpm\bin" 或 "/usr/local/package/pnpm/bin" # pnpm全局bin路径
pnpm config set state-dir "L:\packages\pnpm\state" 或 "/usr/local/package/pnpm/state" # pnpm创建pnpm-state.json文件的目录
pnpm config set cache-dir "L:\packages\pnpm\cache" 或 "/usr/local/package/pnpm/cache" # pnpm全局缓存路径
## windows 环境变量修改
# 修改NODE_PATH的值为: L:\packages\npm\global\node_modules;L:\packages\yarn\global\node_modules;L:\packages\pnpm\global\5\node_modules
# 添加bin的全局安装路径到 path: L:\packages\pnpm\bin
## liunx 环境变量修改
# export PATH=$PATH:$NODE_HOME/bin:/usr/local/package/npm/global/bin:/usr/local/package/yarn/global/bin:/usr/local/package/pnpm/bin
# export NODE_PATH=/usr/local/package/npm/global/lib/node_modules:/usr/local/package/yarn/global/node_modules:/usr/local/package/pnpm/global/5/node_modules
# 修改完毕后保存,再执行命令,使环境变量生效 source /etc/profile
liunx环境最终效果
写在最后
通过本篇的文章可以学习到如何在 window 和 linux 系统下安装 NodeJs,喜欢的话帮忙点个赞 + 关注吧,将持续更新 NodeJs 相关的文章,还可以关注我的公众号 梁三石FE ,感谢您的关注~