前端工程化资料很容易散：Angular、Vue、Nuxt、Next、Tailwind、CSS、动画库、Markdown 编辑器、后台模板都可能混在一起。
索引页的目标不是解释所有技术，而是帮你快速进入正确专题。
框架入口
框架类资料可以拆成：
- Angular。
- Vue 和 Vite。
- Nuxt。
- Next。
- React Admin。
- Tailwind。
- Markdown 编辑器。
- Pinia。
每个专题负责自己的问题，不要把所有链接堆在一个文件里。
CSS 和基础效果
CSS 基础和页面效果也要单独放。
例如：
- 固定导航栏。
object-fit: cover。- flex 布局。
- 滚动动画。
- 复制到剪贴板。
- 字体变量。
这些不是框架问题，而是页面实现问题。
模板和脚手架
模板资料要看目标：
- 个人博客。
- 内容站。
- 落地页。
- 后台管理。
- 导航站。
- 文档站。
不同目标适合不同模板。不要因为某个模板好看，就直接作为长期技术路线。
工程化检查
前端工程化要关注：
- Node 版本。
- 包管理器。
- 构建命令。
- 类型检查。
- lint。
- 环境变量。
- 部署方式。
- SEO 支持。
如果这些不清楚，模板越复杂，后续维护越麻烦。
维护建议
前端工程化索引可以按三层维护：
- 框架专题。
- 页面实现技巧。
- 模板和部署。
这样查资料时先定位问题类型，再进入具体技术栈。
正文完
