← FC Coder · HomePhase 05 · Lesson 59 · 60 min
Lesson59
Phase Five · Showcase · Matchday 59 · The Guard Rail
CI · GitHub Actions
自动护栏
Today's 3 Jobs · 今天这三件事
- 01.github/workflows/ci.yml · tsc + vitestyaml
- 02push 看 Actions 绿色 ✓自动跑
- 03🌟 故意改坏看红色 · 改回绿护栏
push 后自动跑 tsc + vitest。绿色 ✓ 才能 merge。yaml 6 步即可。AI 加 lint job。这是工程素养的"护栏" —— 别人改也不怕。
Concept
CI 护栏
// 自动 · 不靠你记
触发
on push / pull_request
job
tsc + vitest + (lint)
门
不绿不让 merge
Half 2
yml · push · 红 / 绿 · AI lint
01写 ci.yml
01Min
.github/workflows/ci.yml · 6 步
checkout · pnpm · node · install · tsc · test。
02push + 看 Actions
02Min
push GitHub · Actions tab 看跑
1-2 分钟 · 等绿色 ✓。
03改坏 + 改回 + AI lint
03Min
故意改坏 · 任何 .tsx 加一个 .undefined.foo · push
看 Actions 红色 ✗ + 日志显示错。
04Min
改回 · push · 绿
护栏意义体会。
05Min
AI Trust:加 lint job(oxlint)
Cmd+K · '加第二个 job 跑 pnpm lint'。
06Min
📸 截图绿色 Actions
Phase 5 第 4 张。
讲给爸爸听
3 题
01CI 是什么?Hint ↓
每次改动自动跑测试。
02绿色 ✓ 什么意思?Hint ↓
全部 job 过 · 安全 merge。
03不绿不能 merge —— 谁规定?Hint ↓
你自己 · GitHub branch protection。
温度计
评分
今天难度Difficulty
0
今天开心Fun
0