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