vue3 nvm配置多个版本node

秋秋小事

已于 2023-08-09 16:48:04 修改

阅读量2.2k

点赞数 1

分类专栏： Vue学习笔记文章标签： vue.js 前端

于 2023-06-21 10:09:14 首次发布

本文链接：https://blog.csdn.net/jiaoyangdetian/article/details/131321488

版权

Vue学习笔记专栏收录该内容

22 篇文章 2 订阅

订阅专栏

在实际开发中，我们可能会负责多个项目，有的项目是vue2版本开发的，有的是vue3版本开发的，如果我们电脑全局的node版本是低版本的，那么高版本的vue3项目在安装依赖时就会报错，反之亦然。

我们可以使用nvm来安装多个版本的node，并使用nvm来切换当前全局使用的node，以适配我们不同版本的vue项目。

以下为配置windows和mac系统的方法。

一 Windows系统安装nvm

开发环境：windows系统，版本很高

首先在nvm官网下载nvm-setup安装包，双击一路点击next安装，然后使用cmd打开终端使用nvm安装多个版本的node

注：使用管理员身份打开cmd的终端，然后安装nvm

nvm -v                //查看nvm版本
nvm list              //查看nvm已经安装的node版本
nvm list available    //查看nvm能够安装的node版本列表
nvm install node版本  //安装指定的node版本
nvm uninstall node版本   //卸载指定node版本

二安装过程中终端的样例

三 Mac系统安装nvm

在终端输入下列命令行：

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

报错如下：

% Total % Received % Xferd Average Speed Time Time Time Current

Dload Upload Total Spent Left Speed

0 0 0 0 0 0 0 0 --:--:-- --:--:-- --:--:-- 0

curl: (7) Failed to connect to raw.githubusercontent.com port 443: Connection refused

那么做如下配置：

sudo vi /etc/hosts
199.232.68.133 raw.githubusercontent.com

下载安装成功后，配置.bash_profile的环境，我这里是下载后里边自动有生成的，打开.bash_profile命令如下：

vi .bash_profile

在.bash_profile文件中配置如下：

export NVM_DIR="$([ -z "${XDG_CONFIG_HOME-}" ] && printf %s "${HOME}/.nvm" || printf %s "${XDG_CONFIG_HOME}/nvm")"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm

保存退出后，使这个环境配置生效：

source .bash_profile

然后再次输入如下：

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install

系统给报了如下信息：

=> nvm is already installed in /Users/alisa/.nvm, trying to update using git
=> Failed to update nvm, run 'git fetch' in /Users/alisa/.nvm yourself.

然后进行了如下配置：

alisa@192 ~ % cd /Users/alisa/.nvm
alisa@192 .nvm % git fetch
error: cannot open .git/FETCH_HEAD: Permission denied
alisa@192 .nvm % sudo git fetch
alisa@192 .nvm % vi .bash_profile
alisa@192 .nvm % sudo vim .bash_profile
alisa@192 .nvm % source .bash_profile
alisa@192 .nvm % nvm -v
0.39.3

中间有改变文件夹的权限，可以看到下载nvm版本为0.39.3

下载node 12的版本，配置如下：

alisa@192 .nvm % sudo chmod -R 777 /Users/alisa/.nvm
Password:
alisa@192 .nvm % nvm -v                             
0.39.3
alisa@192 .nvm % nvm install 12

进入nvm文件夹后，先改变文件夹的操作权限，然后下载node 12版本，下载其它版本操作类似

注：mac环境每次打开文件夹nvm -v、npm -v都会报错，可以试下下面的命令