前端工程化学习路线：从能写页面到能维护项目

工程化解决什么问题

前端工程化的核心不是追新工具，而是让项目在多人协作、长期维护和持续交付时依然稳定。

对个人博客和作品集来说，工程化能力可以体现在：

• 清晰的项目结构
• 可复用的组件
• 稳定的构建流程
• 统一的代码风格
• 自动化部署

推荐学习顺序

第一阶段先掌握 npm、pnpm、package.json、依赖版本和脚本命令。它们决定了项目如何安装、运行和构建。

第二阶段学习 Vite。理解开发服务器、热更新、构建产物和环境变量，这些知识对 Vue 项目非常重要。

第三阶段补齐 TypeScript、ESLint、Prettier、Git 分支和部署流程。它们会让项目更接近真实团队开发。

如何放进作品集

不要只写“熟悉 Vite”。更好的表达是：我使用 Vite 搭建 Vue 项目，配置路径别名、环境变量和生产构建，并通过 Vercel 完成自动部署。

这种表达更具体，也更容易让面试官追问到你真正做过的事情。