通过


直接在 Windows 上安装 Vue.js

在 Windows 上设置 Vue.js 开发环境的指南。 有关背景信息,请参阅 Vue.js 概述

Vue 可以直接安装在 Windows 或适用于 Linux 的 Windows 子系统(WSL)上。 如果计划与 Node.js 后端交互、部署到 Linux 服务器或按照使用 Bash 命令的教程进行操作,请考虑改为 在 WSL 上安装 Vue

先决条件

创建 Vue 项目

启动新的 Vue 3 项目的推荐方法是使用 create-vue — 这是基于 Vite 的官方脚手架工具:

  1. 打开 PowerShell 或 Windows 命令提示符。

  2. 导航到项目目录:

    cd C:\Users\YourName\Projects
    
  3. 创建新的 Vue 项目:

    npm create vue@latest
    

    安装程序会提示你命名项目并选择可选功能(TypeScript、JSX 支持、Vue 路由器、Pinia 状态管理、Vitest、ESLint)。

  4. 导航到项目文件夹、安装依赖项并启动开发服务器:

    cd <your-project-name>
    npm install
    npm run dev
    

    你的应用将在 http://localhost:5173 可用。

其他资源