综合练习
为 platform 选工具链并写 README。
40 分钟
综合练习
把 ft-intro 到 ft-bun 串起来:为 CodeRoadMap platform 或自选前端 demo 写一份工具链 README,说明依赖、构建、质量门禁与部署——证明你不仅会写 react-essentials 组件,还能 解释项目怎么跑。
学习目标
- 独立完成从包管理到部署的工具链文档
- 交叉引用本 track 与 html-css-essentials、javascript-core、typescript-essentials、nextjs-essentials
- 能在 README 里画出 install → lint → typecheck → build → deploy 流水线
任务说明
任选 A:分析本站 platform 或 B:新建 Vite + React + TS demo,输出 TOOLCHAIN.md(或 README 一节),包含以下章节。
1. 包管理(ft-npm、ft-yarn-pnpm)
- 使用的包管理器与 lockfile 文件名
- 三条核心
scripts(dev / build / lint 或 typecheck)及作用 -
dependenciesvsdevDependencies各举 2 个真实包名
2. 构建(ft-bundlers、ft-vite)
- 开发命令与生产 build 命令
- 底层 bundler(Vite / Next Turbopack / Webpack 等)
- 产物目录(
dist、.next等)与是否 SSR
3. 质量门禁(ft-eslint、ft-prettier、ft-typecheck)
- ESLint 配置文件名(flat 或 legacy)