nodejs,nvm,vue-cli脚手架的安装

本文详细介绍了如何在Windows上下载、安装nvm(NodeVersionManager),设置镜像源,安装不同版本的Node.js及cnpm,并配置VueCLI脚手架。还包括了如何切换版本、卸载的步骤。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1、下载nvm

建议github上下载最新版:
https://github.com/coreybutler/nvm-windows/releases

当前最新版为v1.1.12
在这里插入图片描述
拉到下面找到.exe安装包,点击即可下载

在这里插入图片描述

这是另外一个下载地址,不过版本不是最新的
https://nvm.uihtm.com/download.html

2、安装nvm

在这里插入图片描述

选择安装位置,建议非C盘
在这里插入图片描述

选择nodejs的位置(后续切换版本时的nodejs就在这个文件夹,建议非C盘)
在这里插入图片描述

命令行终端:nvm -v ,查看是否安装成功
在这里插入图片描述

3、设置nvm

安装完成后,系统变量内有两个新的环境变量(如果没有的话,自己添加下)
值与nvm安装文件夹下的setting.txt文件中的路径是一致的
在这里插入图片描述

在setting.txt文件中设置下载的镜像地址:
node_mirror: http://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/

在这里插入图片描述

4、使用nvm安装nodejs

命令行终端: nvm list available,查看可选版本

在这里插入图片描述

命令行终端: nvm install 版本号
一般选择current当前版本,或者LTS长期支持版本。
在这里插入图片描述

命令行终端: nvm use 已安装的版本号,启用这个版本
在这里插入图片描述

命令行终端:node -v ,npm -v,查看node,npm是否安装完成
在这里插入图片描述

此时进入安装nvm时设置nodejs的安装位置D:\test\nodejs,也能发现里面有东西了
在这里插入图片描述

5、安装cnpm

命令行终端(D:\test\nodejs替换为你的nodejs路径,也就是刚才nvm内设置的nodejs路径):
npm config set prefix “D:\test\nodejs\node_global”
npm config set cache “D:\test\nodejs\node_cache”
在这里插入图片描述

命令行终端(如有创建文件无权限的问题,可以将整个nodejs文件夹进行权限设置,属性-安全-修改权限):
npm install -g cnpm --registry=https://registry.npm.taobao.org
从淘宝镜像安装cnpm
在这里插入图片描述

安装完成后的cnpm在nodejs下的node_global文件夹内
我们再设置一下环境变量
在这里插入图片描述

命令行终端:cnpm -v,查看cnpm是否安装成功
有以下报错的话,是window安装策略的问题,执行:Set-ExecutionPolicy -ExecutionPolicy RemoteSigned 命令,设置本地脚本都可以运行
在这里插入图片描述
安装完成
在这里插入图片描述

6、安装配置vue-cli脚手架

命令行终端(安装cli脚手架):cnpm install -g @vue/cli

在这里插入图片描述
在这里插入图片描述

命令行终端:vue --version,查看是否安装成功
在这里插入图片描述

7、安装其他版本的node

这边简要描述下。
1、nvm install 版本号,安装需要的nodejs
2、nvm list ,查看当前已安装的nodejs版本
在这里插入图片描述

3、nvm use 版本号,切换到这个版本
切换版本后相当于是把nodejs这个文件夹中的东西全部替换成另外一个版本了,所以cnpm,脚手架这些都是需要重新安装的。
4、再次配置npm(这一步我不知道是否需要重新设置,反正我重新设了,没出问题)
npm config set prefix “D:\test\nodejs\node_global”
npm config set cache “D:\test\nodejs\node_cache”
5、再次安装cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm的环境变量不需要重新配置了,直接cnpm -v 可以看到版本号的
6、再次安装cli
cnpm install -g @vue/cli
7、好了,两个版本的cnpm,cli都安装完成了,使用nvm切来切去也都没问题

8、卸载nodejs

命令行终端:nvm uninstall 版本号

### 使用 NVM 安装 Vue CLI 最新版本 #### 准备工作 为了确保顺利安装 Vue CLI,建议先通过 `nvm` 来管理 Node.js 版本。这可以避免不同项目依赖不同的 Node.js 版本带来的冲突。 确认已正确安装并配置好 `nvm` 后,可以通过以下命令查看可使用的 Node.js 版本列表: ```bash nvm ls-remote ``` 选择一个稳定版的 Node.js 进行安装,例如最新的 LTS 版本: ```bash nvm install --lts ``` 此操作会自动设置刚安装Node.js 为当前使用的版本[^1]。 #### 安装 Vue CLI 一旦 Node.js 环境准备就绪,就可以继续安装 Vue CLI 工具链。执行如下全局安装命令来获取最新版本的 Vue CLI: ```bash npm install -g @vue/cli ``` 如果希望指定特定版本号,则可以在包名后加上具体的版本标签,比如要安装 4.5.12 版本: ```bash npm install -g @vue/cli@4.5.12 ``` 不过,在大多数情况下,默认不带任何附加参数的情况下运行上述第一条指令即可获得官方推荐的最佳实践版本[^2]。 #### 验证安装成果 完成安装过程之后,验证 Vue CLI 是否已经成功加入到系统的 PATH 中非常重要。打开一个新的终端窗口或命令提示符,尝试调用下面任何一个命令来进行测试: ```bash vue --version # 或者也可以使用 vue -V ``` 这两个命令都应该返回所安装Vue CLI 的具体版本信息而不是错误消息[^3]。 对于某些用户来说,可能会遇到即使安装完成后仍然找不到 `vue` 命令的情况。此时应该检查环境变量是否被正确更新以及是否有残留的老版本干扰正常运作。必要时按照相关文档指引清理旧有的 Node.jsVue CLI 安装,并重新启动计算机使更改生效[^4]。 #### 创建首个 Vue 项目 当一切准备工作都已完成并且能够正常使用 `vue` 命令后,便可以用它快速搭建新的 Vue 应用了。只需简单地键入下列命令替换其中的 `<project-name>` 占位符为你想要创建的应用名称: ```bash vue create <project-name> ``` 随后遵循交互式的向导指示逐步定制化项目的初始结构和功能模块。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值