本文介绍 Vue 项目默认目录结构及核心文件作用，帮助初学者快速上手。项目根目录包含 public（不编译的静态资源）、src（开发主目录，含 assets、components、App.vue、main.js 等）、配置文件 vite.config.js、package.json、index.html 等。重点说明 main.js 负责创建并挂载 Vue 实例，App.vue 是根组件，包含脚本与模板区。读者可据此理解各文件职责，明确开发时主要操作 src 目录，并了解静态资源编译与忽略规则，从而减少配置困惑。
使用 `yarn create vite 项目名 --template vue` 可快速创建 Vue 项目，例如 `yarn create vite test --template vue`。创建过程中选择 yes 可在完成后自动启动，若下载慢可切换国内数据源。创建成功后，控制台会输出项目地址，点击即可查看默认效果。手动启动项目时，需先进入项目目录（如 `cd .\test\`），再执行 `yarn dev`，控制台会输出访问地址（如 http://localhost:5173/），浏览器打开即可看到项目效果。文章还提示需提前完成 Vue 课环境安装，包括 VSCode、Node.js、npm 和 yarn。
本文介绍Vue开发环境搭建流程：先安装Visual Studio Code，可选择汉化插件，并安装Vue (Official)插件；随后从官网安装Node.js，建议保持默认路径，用命令行执行node -v和npm -v验证安装；再通过npm install yarn -g全局安装yarn工具并验证版本。针对VSCode终端提示无法执行npm命令的问题，给出以管理员身份运行PowerShell并执行相关命令的解决办法（链接参考）。文末附有上课录制的视频资源供下载（免费，登录即可）。读者按步骤操作即可完成Vue基础开发环境配置。
Vue是一个用于构建用户界面的渐进式框架，核心特点是根据数据渲染出用户看到的页面。渐进式意味着可循序渐进，学一点用一点。其使用方式包括：仅用核心包开发，适用于局部模块改造；以及核心包配合插件进行工程化开发，适用于整站开发。作为一套完整的项目解决方案，Vue的主要优点是提升开发效率，缺点是需要理解并记忆相关规则，具体可参考官网。
