在 Windows 上设置 Vue.js 开发环境的指南。 有关背景信息,请参阅 Vue.js 概述。
Vue 可以直接安装在 Windows 或适用于 Linux 的 Windows 子系统(WSL)上。 如果计划与 Node.js 后端交互、部署到 Linux 服务器或按照使用 Bash 命令的教程进行操作,请考虑改为 在 WSL 上安装 Vue 。
先决条件
- 在 Windows 上安装 Node.js:这包括版本管理器、包管理器和 Visual Studio Code。
创建 Vue 项目
启动新的 Vue 3 项目的推荐方法是使用 create-vue — 这是基于 Vite 的官方脚手架工具:
打开 PowerShell 或 Windows 命令提示符。
导航到项目目录:
cd C:\Users\YourName\Projects创建新的 Vue 项目:
npm create vue@latest安装程序会提示你命名项目并选择可选功能(TypeScript、JSX 支持、Vue 路由器、Pinia 状态管理、Vitest、ESLint)。
导航到项目文件夹、安装依赖项并启动开发服务器:
cd <your-project-name> npm install npm run dev你的应用将在
http://localhost:5173可用。
其他资源
- Vue 文档
- Vue.js 概述
- 在 WSL 上安装 Vue.js
- 使用 Vue.js 学习路径执行第一步
- VS Code 的 Vue 教程