本讲是M1里程碑的第一块砖。跑完你会看到浏览器里出现「Hello ShopX」，热更新生效，目录结构清楚。这是后续前端学习的地基。
建议先 点赞 + 收藏 + 关注，配环境时随时回查。
一、为什么用Vite而不是Vue CLI
很多 Vue 教程还在教vue-cli init，那是2018年的工具。Vite是2026年的标准选择，原因有四个。
1. 启动速度
Vue CLI用webpack打包，第一次启动要30-60秒，依赖越多越慢。Vite用esbuild预构建依赖，冷启动稳定在1秒以内，无论项目多大。
2. HMR速度
改一行代码，浏览器毫秒级看到变化。Vue CLI的HMR改大文件要3-5秒，Vite是50ms量级——慢的HMR让人失去即改即看的节奏。
3. 官方推荐
Vue团队已正式公告Vue CLI进入维护模式，不再新增大功能。Vite是官方推荐的下一代工具。
4. 生态更广
Vite同时支持Vue3 / React / Svelte / Solid / Vanilla JS。一个项目里要混合技术栈也方便。
转载自 CSDN-专业IT技术社区
原文链接：https://blog.csdn.net/ntnmywyx/article/details/166602689
