Vite概述与安装专题

专题说明

本专题涵盖 Vite 的基础概念与安装配置，帮助开发者快速上手 Vite 开发环境。

学习目标

1. 理解 Vite 的核心特性与优势
2. 掌握 Vite 的环境要求与安装方式
3. 学会创建首个 Vite 项目
4. 熟悉项目目录结构
5. 掌握 package.json 脚本命令的使用

学习内容

• Vite 简介与核心特性：原生 ESM、快速冷启动、即时热更新
• 环境要求与安装方式：npm、yarn、pnpm 安装命令
• 创建首个 Vite 项目：npm create vite 命令与模板选择
• 项目目录结构解析：index.html、src 目录、配置文件
• package.json 脚本命令：dev、build、preview 命令

学习建议

建议先了解 Webpack 等传统打包工具的特点，对比理解 Vite 的优势。实际动手创建一个 Vite 项目，熟悉项目结构和基本命令。