一、安装 NVM for Windows

  1. 下载 NVM for Windows 安装包

    • 打开 GitHub Releases 页面: nvm-windows
    • 下载最新的 nvm-setup.exe 安装文件。
  2. 安装 NVM

    • 双击运行安装程序。

    • 建议安装在 非中文、无空格路径(如 C:\nvm)。

    • 安装时会要求选择 Node.js 的 symlink 路径,默认是:

      C:\Program Files\nodejs
      

      保持默认即可。

  3. 配置环境变量
    安装完成后,自动将以下路径加入系统环境变量:

    • C:\nvm
    • C:\Program Files\nodejs

    命令提示符 (cmd) 或 PowerShell 输入:

    nvm version
    

    如果正常显示版本号,说明 NVM 安装成功。


二、使用 NVM 管理 Node.js 版本

  1. 查看可用版本

    nvm list available
    
  2. 安装指定 Node.js 版本(建议安装 LTS,Vue3 兼容性好)

    nvm install 18.20.2
    nvm install 20.11.1
    
  3. 切换 Node.js 版本

    nvm use 18.20.2
    

    ⚠️ 注意:切换后需要 重新打开终端 才能生效。

  4. 确认 Node.js 和 npm 版本

    node -v
    npm -v
    

三、安装 Vue3 开发脚手架

  1. 安装最新的 Vue CLI(可选)
    Vue 官方推荐用 Vite + create-vue,但 Vue CLI 也可以用:

    npm install -g @vue/cli
    vue --version
    
  2. 使用 create-vue(推荐方式)
    在要创建项目的文件夹下运行:

    npm create vue@latest
    

    然后根据提示选择:

    • 项目名称
    • 是否使用 TypeScript
    • 是否使用 JSX
    • 是否安装 Vue Router、Pinia、ESLint、Vitest 等
  3. 进入项目并安装依赖

    cd your-project-name
    npm install
    
  4. 启动开发服务器

    npm run dev
    

    看到类似:

    VITE v4.x  ready in 500 ms
    ➜  Local:   http://localhost:5173/
    

    打开浏览器即可访问 Vue3 应用。


四、推荐配置

  • Node.js LTS 版本(如 v18.x 或 v20.x LTS)

  • 包管理工具:建议使用 pnpmyarn,速度更快、依赖管理更清晰:

    npm install -g pnpm
    

    npm install -g yarn
    

Logo

Agent 垂直技术社区,欢迎活跃、内容共建。

更多推荐