NodeJs压缩版在window和liunx系统安装,以及npm,yarn, pnpm环境配置

147 阅读1分钟

下载及安装最新版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环境最终效果

写在最后

通过本篇的文章可以学习到如何在 windowlinux 系统下安装 NodeJs,喜欢的话帮忙点个赞 + 关注吧,将持续更新 NodeJs 相关的文章,还可以关注我的公众号 梁三石FE ,感谢您的关注~