用vite搭建vue项目只需三步：安装node.js（≥18.0）、运行create-vue或vite命令初始化项目、执行npm run dev启动服务；支持交互式配置与hmr热更新，开箱即用。
用 Vite 搭建 Vue 项目，核心就三步：装 Node.js、初始化项目、启动服务。它不依赖复杂配置，开箱即用，适合从学习到上线的全阶段。
安装前提：Node.js 环境必须到位
Vite 是基于 Node.js 运行的工具，最低要求 Node.js 18.0+（官方推荐 LTS 版本）。安装后在终端运行以下命令验证：
- node -v —— 查看 Node 版本，确保 ≥18
- npm -v —— 查看 npm 版本，建议 ≥9（旧版可执行 npm install -g npm@latest 升级）
若未安装，前往 https://nodejs.org 下载并安装最新稳定版（Windows/macOS 均支持一键安装）。
创建项目：推荐用 create-vue（Vue 官方脚手架）
create-vue 是 Vue 团队维护的初始化工具，底层基于 Vite，交互式引导你勾选功能，避免冗余依赖。执行命令：
- npm create vue@latest my-app
- 或使用 pnpm：pnpm create vue@latest my-app
- 或使用 yarn：yarn create vue@latest my-app
执行后会进入交互式菜单，可按需选择：
- 是否添加 TypeScript（企业项目建议选）
- 是否启用 Vue Router（单页路由必备）
- 是否集成 Pinia（Vue 3 官方状态管理库）
- 是否包含单元测试（Vitest）、代码规范（ESLint + Prettier）等
确认后，工具自动创建项目目录、安装依赖，全程无需手动编辑配置文件。
启动与开发：一条命令跑起来
进入项目并启动开发服务器：
- cd my-app
- npm run dev（或 pnpm dev / yarn dev）
默认访问 http://localhost:5173，页面即时加载。修改 .vue 文件，浏览器几乎实时更新（HMR 热模块替换），无需刷新页面。
补充说明：也可以直接用 vite 创建（更轻量）
如果只想快速试一个最小 Vue 示例，跳过交互式配置，可直接使用 Vite 原生命令：
- npm create vite@latest my-vue-app -- --template vue
- 后续同样执行 cd my-vue-app && npm install && npm run dev
这种方式生成的是纯 Vue 模板，不含 Router、Pinia 等扩展，适合练手或嵌入已有系统。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
