Windows 下配置 NVM(Node Version Manager)和 Vue3 开发脚手架
·
一、安装 NVM for Windows
-
下载 NVM for Windows 安装包
- 打开 GitHub Releases 页面: nvm-windows
- 下载最新的 nvm-setup.exe 安装文件。
-
安装 NVM
-
双击运行安装程序。
-
建议安装在 非中文、无空格路径(如
C:\nvm)。 -
安装时会要求选择 Node.js 的 symlink 路径,默认是:
C:\Program Files\nodejs保持默认即可。
-
-
配置环境变量
安装完成后,自动将以下路径加入系统环境变量:C:\nvmC:\Program Files\nodejs
在 命令提示符 (cmd) 或 PowerShell 输入:
nvm version如果正常显示版本号,说明 NVM 安装成功。
二、使用 NVM 管理 Node.js 版本
-
查看可用版本
nvm list available -
安装指定 Node.js 版本(建议安装 LTS,Vue3 兼容性好)
nvm install 18.20.2 nvm install 20.11.1 -
切换 Node.js 版本
nvm use 18.20.2⚠️ 注意:切换后需要 重新打开终端 才能生效。
-
确认 Node.js 和 npm 版本
node -v npm -v
三、安装 Vue3 开发脚手架
-
安装最新的 Vue CLI(可选)
Vue 官方推荐用 Vite + create-vue,但 Vue CLI 也可以用:npm install -g @vue/cli vue --version -
使用 create-vue(推荐方式)
在要创建项目的文件夹下运行:npm create vue@latest然后根据提示选择:
- 项目名称
- 是否使用 TypeScript
- 是否使用 JSX
- 是否安装 Vue Router、Pinia、ESLint、Vitest 等
-
进入项目并安装依赖
cd your-project-name npm install -
启动开发服务器
npm run dev看到类似:
VITE v4.x ready in 500 ms ➜ Local: http://localhost:5173/打开浏览器即可访问 Vue3 应用。
四、推荐配置
-
Node.js LTS 版本(如 v18.x 或 v20.x LTS)
-
包管理工具:建议使用
pnpm或yarn,速度更快、依赖管理更清晰:npm install -g pnpm或
npm install -g yarn
更多推荐



所有评论(0)