安装nvm,实现node版本自由切换

小鱼儿心语:不想认命,就去拼命。我始终相信,付出就会有收获,或大或小,或迟或早,始终不会辜负你的努力。有一种落差是,你总是羡慕别人的成功,自己却不敢开始。

最近使用vue3.0+vite+element-plus+ts开发一个项目,之前的node版本不匹配,需要安装nvm来对node版本进行随时切换,以保证之前vue2.0项目可以正常运行。

一、安装nvm

1、下载nvm

nvm安装.png

解压后点击exe文件进行安装:

nvm安装第一步.png

2、点击下一步安装到 D:\NVM 下
nvm安装第二步.png

3、先在D:\NVM 下创建nodejs文件夹,然后将路径设置如下:
nvm安装第三步.png

4、点击next 一直点击 完成安装;
5、找到指定nvm打开后:
setting.png

  • 给该文件添加这两行命令:

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

settingtxt.png

6、环境变量配置:

  • 1、点击计算机

  • 2、右击点击属性

  • 3、选择高级系统设置


    高级系统设置.png
  • 4.点击环境变量

  • 5.查看环境变量是否配置(默认nvm安装成功后,自动生成):

  • 6、需与如下配置(保持一致):

    nvm环境变量配置.png

    7、验证nvm安装:

  • 打开cmd,输入nvm -v


    nvm安装成功.png

二、安装node

1、通过nvm安装node

nvm install node版本号 // 安装对应版本的node
nvm ls // 用于查看已安装的node版本列表
nvm use node版本号 // 切换到对应版本的nodejs
如:
nvm install 16.0.0 // 安装16.0.0版本的nodejs
nvm use 16.0.0 // 使用16.0.0版本的nodejs

查看node版本号的网址:https://nodejs.org/en/download/releases/

node版本安装.png

2、node环境变量配置

  • 1、首先在NVM的安装目录新建两个文件夹node_global和node_cache


    新建文件夹.png
  • 2、创建完两个文件夹后,在cmd窗口中输入以下命令(两个路径即是两个文件夹的路径):

npm config set prefix "D:\NVM\node_global"
npm config set cache "D:\NVM\node_cache"

  • 3、接下来设置电脑环境变量,右键“我的电脑”=》属性=》高级系统设置=》环境变量 进入以下环境变量对话框:
    (1)先设置用户变量
    用户变量配置.png

    注意:【用户变量】中的path变量,%NVM_HOME% 和 %NVM_SYMLINK% 理论上是nvm安装成功后自动生成的。
    (2)再设置系统变量 --- Path变量的设置和用户变量中一致
    系统变量配置.png
  • 4、在【系统变量】新建环境变量 NODE_PATH,值为D:\NVM\nvm\node_global\node_modules,其中D:\NVM\nvm\node_global\node_modules是上述创建的全局模块安装路径文件夹,具体的路径根据自身情况修改
    系统变量新建配置.png
  • 5、所有设置完点击确定,即配置完成。
    经过以上操作之后,不论是vue3.0还是vue2.0,只需要使用nvm use node版本号即可切换node版本,项目都可以顺利运行!
    大家有什么困扰可以留言给我哦~
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
禁止转载,如需转载请通过简信或评论联系作者。

相关阅读更多精彩内容

友情链接更多精彩内容