1.centOS 配置
#下载地址
https://nodejs.org/en/download/
#执行解压
tar -xvf node-v10.16.0-linux-x64.tar.xz
//放到 /usr/local/ 下
mv ./node-v10.16.0-linux-x64 /usr/local/
cd /usr/local/
//改名为nodejs
mv ./node-v10.16.0-linux-x64 nodejs
# 设置环境变量
#注意部分服务器可能配置在 ~/.bash_profile
vi /etc/profile
export PATH=$PATH:/usr/local/nodejs/bin
source /etc/profile
# 检查是否成功
node -v
npm -v
1.1 切换node 方式1： 使用NVM（推荐）
window
直接安装即可
mac
- 下载git源码github.com/nvm-sh/nvm
- 进入nvm项目执行install.sh ,最好使用sudo 执行
- 全局配置
- vim ~/.base_profile
底部加入
export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh" # This loads nvm
[ -s "$NVM_DIR/bash_completion" ] && . "$NVM_DIR/bash_completion" # This loads nvm bash_completion
source /etc/profile
linux
#下载版本
https://github.com/nvm-sh/nvm/archive/refs/tags/v0.38.0.tar.gz
#解压到 /root/.nvm 如果没有.nvm 文件夹需要手工创建
tar -zxvf nvm-0.38.0.tar.gz --strip-components 1 -C /root/.nvm
# 编辑配置
vi /etc/profile
# 在底部加入配置信息
export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh" # This loads nvm
[ -s "$NVM_DIR/bash_completion" ] && . "$NVM_DIR/bash_completion" # This loads nvm bash_completion
# 配置生效
source /etc/profile
常用命令
# 测试
nvm -v
#当前使用的node版本
nvm current
#查看目前已安装的 node 及当前所使用的 node
nvm ls # nvm list 等价
# 查看目前线上所能安装的所有 node 版本
nvm ls-remote
#移除 node
nvm uninstall 14.13.2
#安装 指定版本node， 如果不写具体，会安装当前16对应的最新
nvm install 16
#使用 指定版本node 只是临时生效
nvm use 16
# 查看当前版本
nvm -v
# 查看配置
nvm --config
#查看本机安装的 nvm 的安装目录地址
nvm root
# 启动nvm
nvm on
# 关闭nvm
nvm off
# 设置永久生效
nvm alias default v16.19.0
1.2 切换node 方式2： n 命令（不推荐）
因为n 依赖与node 环境，一旦切换坏了就回不去。
#安装 n 命令
npm install -g n
#安装指定版本
$ n 16.15.1
#切换nodejs版本
$ n
# 会显示 列表选择版本-已安装的版本
ο node/8.11.3
node/10.4.1
查看当前版本node -v，下面表示已切换成功
# 同时更新系统环境变量配置
$ vim ~/.bash_profile
# 修改全局配置
export N_PREFIX=/usr/local/n/versions/node/16.15.1
export PATH=$N_PREFIX/bin:$PATH
#保存退出
:wq
#刷新加载最新配置
source ~/.bash_profile
nrm 切换源
npm install -g nrm
# 显示当前源
nrm current
# 显示列表
nrm ls
npm ---------- https://registry.npmjs.org/
yarn --------- https://registry.yarnpkg.com/
tencent ------ https://mirrors.cloud.tencent.com/npm/
cnpm --------- https://r.cnpmjs.org/
taobao ------- https://registry.npmmirror.com/
npmMirror ---- https://skimdb.npmjs.com/registry/
# 使用指定源
nrm use taobao
pnpm 多线程的npm
# 安装pnpm
npm install -g pnpm
# 全局配置
pnpm setup
2.winodws 配置
#下载 注意下载版本不用作用最新 会踩坑，建议node 12的版本, npm 6版本
http://nodejs.cn/download/
#默认安装的路径
C:\Program Files\nodejs
#设置全局命令路径
npm config set prefix "D:\song_file\tool\node_env\node_global"
#设置全局缓存路径
npm config set cache "D:\song_file\tool\node_env\node_cache"
#环境变量新增
名称：NODE_HOME #代表node的安装环境
地址：C:\Program Files\nodejs\
名称：NODE_GLOBAL_PATH #代表node i -g 安装的全局变量 值得cmd可以直接运行
地址：D:\song_file\tool\node_env\node_global
# Path 添加
%NODE_HOME%
%NODE_GLOBAL_PATH%
#测试
cmd
path #如果显示 NODE_HOME 和 NODE_GLOBAL_PATH证明设置成功
#设置镜像 淘宝
npm config set registry https://registry.npmmirror.com
#设置镜像 腾讯
npm config set registry http://mirrors.cloud.tencent.com/npm/
#查看镜像
npm config get registry
#同时 设置 vue-cli2环境和 vue-cli4环境
# 新增一个空项目 安装vue-cli2
npm init -y
npm install vue-cli #局部安装
#复制文件夹 改名为vue-cli2
进入.bin ,修改 vue文件 为vue2
# 新增一个vue4空项目 安装vue-cli4
npm init -y
npm install -g @vue/cli #局部安装
#复制文件夹 改名为vue-cli4
进入.bin ,修改 vue文件 为vue4 ,vue.cmd文件 为vue4.cmd
定义变量
名称 VUE_CLI2
地址 D:\song_file\tool\node_env\vue_repository\vue-cli2\node_modules\.bin
名称 VUE_CLI4
地址 D:\song_file\tool\node_env\vue_repository\vue-cli4\node_modules\.bin
# Path 添加
%VUE_CLI2%
%VUE_CLI4%
#vue-cli2使用方法
vue2 -V
#vue-cli2使用方法
vue4 -V
window安装版
安装版 建议不要安装C盘，后面会导致无效安全全局命令
#会在用户环境变量
#Path 新增
C:\Users\yangzhensong\AppData\Roaming\npm
#系统变量
#Path 新增
C:\Program Files\nodejs\
如要彻底删除node ，记得删除上面两个系统配置信息和 两个文件夹。
window nvm
查看所有配置信息npm config ls
; "builtin" config from C:\Program Files\nodejs\node_modules\npm\npmrc
; prefix = "C:\\Users\\用户名\\AppData\\Roaming\\npm" ; overridden by
user
; "user" config from C:\Users\用户名\.npmrc
//registry.npmjs.org/:_authToken = (protected)
cache = "D:\\song_file\\tool\\node_env\\node_cache"
prefix = "D:\\song_file\\tool\\node_env\\node_global"
registry = "https://registry.npmmirror.com/"
; node bin location = C:\Program Files\nodejs\node.exe
; cwd = 当前的cmd地址
; HOME = C:\Users\用户名
; Run `npm config ls -l` to show all defaults.
常见问题
mac环境
1.没有权限 Error: EACCES: permission denied
npm 在安装的时候提示 没有权限操作的解决办法 Error: EACCES: permission denied
- 在前面加 sudo
- 修改对应文件权限
- sudo chown -R jason_pro ~/.npm
- sudo chown -R jason_pro /usr/local/lib/node_modules
window环境
1.全局安装无效
- 使用安装版 安装在C盘，文件受保护 执行命令安装
npm install -g n
提示npm ERR! notsup Unsupported
npm ERR! code EBADPLATFORM
npm ERR! notsup Unsupported platform for n@8.2.0: wanted {"os":"!win32","arch":"any"} (current: {"os":"win32","arch":"x64"})
npm ERR! notsup Valid OS: !win32
npm ERR! notsup Valid Arch: any
npm ERR! notsup Actual OS: win32
npm ERR! notsup Actual Arch: x64
解决
方法1
- 使用右键管理员打开命令行
- 添加--force 强制执行
npm install -g n --force
方法2
修改配置
npm config ``set prefix ``"nodeJs的安装目录" |
npm config set prefix D:\xxx\tool\nodejs16
D:\xxx\tool\nodejs16 为自己的安装版的路径
