赞
踩
在实际开发中,我们可能会负责多个项目,有的项目是vue2版本开发的,有的是vue3版本开发的,如果我们电脑全局的node版本是低版本的,那么高版本的vue3项目在安装依赖时就会报错,反之亦然。
我们可以使用nvm来安装多个版本的node,并使用nvm来切换当前全局使用的node,以适配我们不同版本的vue项目。
以下为配置windows和mac系统的方法。
开发环境: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版本
在终端输入下列命令行:
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都会报错,可以试下下面的命令
source ~/.nvm/.bash_profile
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。