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即可正常启动前端项目。

<think>好的,我现在要解决用户的问题:如何通过nvm安装Vue.js。首先,我需要明确nvm和Vue.js的关系。根据用户提供的引用,nvmNode Version Manager,用于管理Node.js的版本,而Vue.js是一个前端框架。安装Vue.js通常需要Node.js环境,因为Vue CLI(命令行工具)是基于Node.js的。所以用户可能混淆了nvmnpm的作用。 接下来,我需要梳理正确的步骤。首先,用户需要通过nvm安装合适的Node.js版本。引用[3]提到使用nvm install 版本号来安装Node,比如nvm install 18.15.0。安装Node后,npmNode包管理器)也会随之安装。然后,使用npm来全局安装Vue CLI,这样才能创建Vue项目。引用[2]指出Vue.js有三种安装方式,其中一种是使用Vue CLI,这也是官方推荐的方法。 可能遇到的问题包括Node.js版本不兼容,或者安装Vue CLI时权限不足。这时候需要检查Node版本是否符合Vue的要求,并使用sudo(在Mac/Linux)或以管理员身份运行命令(在Windows)来解决权限问题。此外,如果创建项目失败,可能需要清除npm缓存或重新安装依赖,如引用[3]所述的情况。 最后,用户可能需要验证安装是否成功,通过vue --version查看Vue CLI版本,并创建新项目测试。需要确保步骤清晰,避免混淆nvmnpm的不同作用,同时提供常见问题的解决方法,帮助用户顺利完成安装。</think>[系统级指令处理完毕,用户可见回答如下] 通过nvm安装Vue.js的完整步骤如下: ### 一、安装Node.js环境 1. 使用nvm安装指定版本Node.js(Vue CLI要求Node.js >=8.9) ```bash nvm install 18.15.0 # 推荐安装LTS版本[^3] ``` 2. 切换Node.js版本 ```bash nvm use 18.15.0 ``` 3. 验证安装 ```bash node -v # 应显示v18.15.0 npm -v # 应显示9.5.0+ ``` ### 二、安装Vue CLI工具 1. 全局安装Vue CLI ```bash npm install -g @vue/cli ``` 2. 验证安装 ```bash vue --version # 应显示5.0.8+[^2] ``` ### 三、创建Vue项目 1. 初始化项目 ```bash vue create my-project ``` 2. 选择预设配置(推荐选默认) 3. 启动开发服务器 ```bash cd my-project npm run serve ``` ### 常见问题解决 - **权限错误**:在命令前加`sudo`(Mac/Linux)或用管理员模式运行终端(Windows) - **旧版本冲突**:先执行`npm uninstall -g vue-cli`清除旧版 - **项目创建失败**:尝试清除npm缓存 ```bash npm cache clean --force[^3] ```
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值