agilelabs-fx-docs main tutorials/frontend-init/README.md

前端初始化

这条主线用于把一个新的前端项目从空目录推进到“有样式骨架、有图标、有双主题、能调用后端 API、能准备本地联调和托管”的状态。所有步骤都围绕 frontend-starterfullstack-starter 两套样例展开。

这条主线解决什么

  • 前端项目目录和最小入口怎么建。
  • tailwindcss v4Font Awesome Free v7 和双主题从哪里接入。
  • 前后端联调、本地代理和托管发布的路径怎么组织。

教程顺序

  1. 创建前端项目
  2. 配置 Tailwind 与图标库
  3. 配置 Light / Dark 双主题
  4. 连接 WebAPI
  5. 配置开发代理与本地联调
  6. 构建并托管前端

配套代码

读完后你会得到什么

  • 一套与项目规范对齐的前端初始化顺序。
  • 一套能够直接运行和继续扩展的前端样例目录。
  • 一条能与后端初始化主线衔接的端到端上手路径。

相关页面