当前位置:   article > 正文

vue3 nvm配置多个版本node_vue3 node版本

vue3 node版本

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

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

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

一  Windows系统安装nvm

        开发环境:windows系统,版本很高

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

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

  1. nvm -v //查看nvm版本
  2. nvm list //查看nvm已经安装的node版本
  3. nvm list available //查看nvm能够安装的node版本列表
  4. nvm install node版本 //安装指定的node版本
  5. 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

那么做如下配置:

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

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

vi .bash_profile

在.bash_profile文件中配置如下:

  1. export NVM_DIR="$([ -z "${XDG_CONFIG_HOME-}" ] && printf %s "${HOME}/.nvm" || printf %s "${XDG_CONFIG_HOME}/nvm")"
  2. [ -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

系统给报了如下信息:

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

然后进行了如下配置:

  1. alisa@192 ~ % cd /Users/alisa/.nvm
  2. alisa@192 .nvm % git fetch
  3. error: cannot open .git/FETCH_HEAD: Permission denied
  4. alisa@192 .nvm % sudo git fetch
  5. alisa@192 .nvm % vi .bash_profile
  6. alisa@192 .nvm % sudo vim .bash_profile
  7. alisa@192 .nvm % source .bash_profile
  8. alisa@192 .nvm % nvm -v
  9. 0.39.3

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

下载node 12的版本,配置如下:

  1. alisa@192 .nvm % sudo chmod -R 777 /Users/alisa/.nvm
  2. Password:
  3. alisa@192 .nvm % nvm -v
  4. 0.39.3
  5. alisa@192 .nvm % nvm install 12

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

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

source ~/.nvm/.bash_profile

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/知新_RL/article/detail/104295
推荐阅读
相关标签
  

闽ICP备14008679号