windows下使用nvm安装node启动前端项目

Windows安装NVM

地址:https://github.com/coreybutler/nvm-windows/releases
地址:https://github.com/coreybutler/nvm-windows/releases
nvm-noinstall.zip: 免安装版本,但是使用之前需要配置
nvm-setup.zip:一个安装包,下载之后点击安装,无需配置
我选的是nvm-noinstall.zip,直接解压到自己指定目录E:\nvm-noinstall。
打开WIN键,搜索“查看高级系统设置”,点击“环境变量”,按如下方式配置:
在这里插入图片描述
打开解压目录nvm-noinstall,找到install.cmd,
在这里插入图片描述
以管理员权限运行,将所在目录复制进入,并回车。会产生一个settings.txt,
打开解压目录nvm,找到并修改settings.txt:
root: E:\nvm-noinstall\
path: E:\nvm-noinstall\v10.13.0
arch: 64
proxy: none
node_mirror: https://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/
注释:第一个是nvm的解压目录,第二个是待安装的node目录,最后两个分别是获取node和npm的淘宝镜像地址

打开cmd,输入nvm -v 检测nvm是否安装成功,如果出现如下提示则说明nvm安装成功:
在这里插入图片描述

安装NODE

查看可安装的node版本:
目前只显示最新20个版本的node,想查看所有版本可以点击后面的链接在这里插入图片描述
安装指定node的版本的:nvm install 版本号
如安装两个版本的node:
nvm install 10.13.0
nvm install 17.7.1
切换指定node版本:nvm use 版本号
nvm use 10.12.0
配置环境变量
打开WIN键,搜索“查看高级系统设置”,点击“环境变量”,按如下方式配置:
![在这里插入图片描述](https://img-blog.csdnimg.cn/97aadea3f3fa4688b0a22ca091e91f0b.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5oS_5aW9,size_20,color_FFFFFF,t_70,g_se,x_16![在这里插入图片描述](https://img-blog.csdnimg.cn/6ac1b23aa97f4746a5068e841303ae35.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5oS_5aW9,size_20,color_FFFFFF,t_70,g_se,x_16
NVM的环境变量配置默认会自动生成,注意需要和nvm解压的目录一致,node目录配置成你需要使用的node版本路径
编辑path添加如图三个路径:
在这里插入图片描述
删除前端项目,重新拉取,重启idea,再打开前端项目,先npm install,再npm run dev即可正常启动前端项目。

  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值