node安装以及nvm管理node版本

前言

前端开发项目一般情况下都少不了需要安装node。或者换新电脑的时候,这些环境都得安装。
但是安装过程并不都是一帆风顺的,而且node版本引发的问题也很多(主要是Windows环境下node与node-sass之间的版本不对应)。
本文特此记录,以便以后查看。

安装node

node安装包下载地址

注:国内需翻墙,不然下载很慢。

在这里插入图片描述
搜索选择你需要的版本,点击 downloads

在这里插入图片描述
Windows选择msi文件即可,下载完成之后可双击进行傻瓜式安装即可。

安装完成之后可以在命令行输入 node 或者 node -v 进行验证是否安装成功。

node版本问题

一般情况下不提倡直接安装最新版本node,有很多老项目会运行不了,即下载不了依赖。

当然了,如果你只负责一个新项目,安装最新的也是没问题的。

背景

在实际开发时,往往不止一个项目需要开发。这时就会出现node版本的问题。

在Vue2的时代,一般情况下,node版本往往在 14.xx.xx 就够用了(太高的版本会有问题)。

但是 Vue3+Vite 的新项目一般node版本都是比较新的。

这时就不可避免的需要使用多个版本的node。
当然你也可以把老项目的node版本升上去,但是随之而来的一些附带问题一定要解决,比如sass语法可能会有变化。

利用nvm切换node版本

nvm是一个node的版本管理工具,可以简单操作node版本的切换、安装、查看。。。等等,与npm不同的是,npm是依赖包的管理工具。

卸载已安装到全局的 node/npm (mac环境)

如果之前是从官网下载的安装包,运行后会自动安装在全局目录,其中
node 命令在 /usr/local/bin/node
npm 命令在 /usr/local/lib/node_modules/npm

安装 nvm 之前最好先卸载已安装的 node 和全局 node 模块:

npm ls -g --depth=0 #查看已经安装在全局的模块,以便删除这些全局模块后再按照不同的 node 版本重新进行全局安装
 
sudo rm -rf /usr/local/lib/node_modules #删除全局 node_modules 目录
sudo rm /usr/local/bin/node #删除 node
cd  /usr/local/bin && ls -l | grep "../lib/node_modules/" | awk '{print $9}'| xargs rm #删除全局 node 模块注册的软链

安装nvm

nvm下载链接
在这里插入图片描述
Mac环境:

curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.32.1/install.sh | bash

配置文件

在nvm的安装路径里找到setting文件并加上下面两句

nvm node_mirror https://npm.taobao.org/mirrors/node/
nvm npm_mirror https://npm.taobao.org/mirrors/npm/

在这里插入图片描述
Mac环境

安装完成后请重新打开终端环境,Mac 下推荐使用 oh-my-zsh 代替默认的 bash shell。
使用国内镜像快速安装node:
建议把环境变量 NVM_NODEJS_ORG_MIRROR 加入到 .bash_profile 文件中:

# nvm
export NVM_NODEJS_ORG_MIRROR=https://npm.taobao.org/mirrors/node

验证是否安装成功

cmd下输入nvm,成功后如下图:
在这里插入图片描述

利用nvm安装node

查看所有可用的node版本

命令: nvm list available 或者 nvm ls-remote

在这里插入图片描述
比如我需要下载 14.19.2 和 16.17.1

nvm install 14.19.2
nvm install 16.17.1

查看下载的所有node版本

nvm list或者 nvm ls
在这里插入图片描述

使用/切换下载的node版本

nvm use 14.19.2
在这里插入图片描述
如果出现下面这种情况可以用管理员身份来打开命令行窗口。
在这里插入图片描述

nvm常用命令

  • nvm list 查看已经安装的版本
  • nvm list installed 查看已经安装的版本
  • nvm list available 查看网络可以安装的版本
  • nvm version 查看当前的版本
  • nvm install 安装最新版本nvm
  • nvm use ## 切换使用指定的版本node
  • nvm ls 列出所有版本
  • nvm current显示当前版本
  • nvm alias ## 给不同的版本号添加别名
  • nvm unalias ## 删除已定义的别名
  • nvm reinstall-packages ## 在当前版本node环境下,重新全局安装指定版本号的npm包
  • nvm on 打开nodejs控制
  • nvm off 关闭nodejs控制
  • nvm proxy 查看设置与代理
  • nvm node_mirror [url] 设置或者查看setting.txt中的node_mirror,如果不设置的默认是
  • ttps://nodejs.org/dist/
  • nvm npm_mirror [url] 设置或者查看setting.txt中的npm_mirror,如果不设置的话默认的是:
  • ttps://github.com/npm/npm/archive/.
  • nvm uninstall 卸载制定的版本
  • nvm use [version] [arch] 切换制定的node版本和位数
  • nvm root [path] 设置和查看root路径
  • 5
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值