技术栈与运行环境
学习这个概念 技术栈
完成一个产品所使用的语言、框架、运行时、数据库和部署工具组合。
这个项目到底用了哪些技术，各自负责什么
GOAL-BASED PATH
构建、部署并验收线上网站
从依赖安装到正式构建、上线、检查和回滚走完整流程。
13 个步骤初学者友好完成后可验收
技术栈与运行环境
学习这个概念 包管理器
负责下载、锁定、升级和运行项目依赖的工具。
用 npm 安装依赖并按锁文件恢复环境
技术栈与运行环境
学习这个概念 Lockfile 锁定文件
记录依赖解析后的精确版本，保证不同环境安装结果一致。
提交 package-lock.json，CI 不要每次解析出不同版本。
技术栈与运行环境
学习这个概念 构建与打包
把源代码、样式和资源转换成浏览器或服务器可发布产物。
把源码编译成 dist 目录再上传服务器
技术栈与运行环境
学习这个概念 容器
把应用和运行依赖封装成可重复启动的隔离环境。
开发、测试和服务器都用同一镜像运行服务。
技术栈与运行环境
学习这个概念 CI/CD 持续集成与交付
每次改动自动执行检查、构建，并按规则发布到目标环境。
推送分支先跑测试，通过审批后再部署生产。
技术栈与运行环境
学习这个概念 环境变量
由运行环境注入、用来区分配置而不写死在源码里的键值。
开发和生产用不同接口地址，密钥不能提交 Git
技术栈与运行环境
学习这个概念 域名与 DNS
域名是易读地址，DNS 负责把它解析到服务器或服务节点。
让 kb.railwise.cn 指向知识库服务并启用 HTTPS。
技术栈与运行环境
学习这个概念 反向代理
由入口服务器接收请求，再转发到内部应用或静态资源。
同一个域名把 /api 转给后端，把其他路径交给前端。
技术栈与运行环境
学习这个概念 部署与托管
部署把可发布产物交付到运行环境，托管负责持续提供访问。
构建完成后上线域名，并能回滚上一版
质量、安全与性能
学习这个概念 E2E 端到端测试
从用户入口出发，在真实浏览器中验证完整业务流程。
打开页面、登录、上传文件、等待完成并下载结果。
质量、安全与性能
学习这个概念 Core Web Vitals 核心体验指标
用加载、交互和布局稳定性指标衡量网页真实用户体验。
首屏图片不要拖慢 LCP，加载时按钮位置不能突然跳。
技术栈与运行环境
学习这个概念 日志与监控
日志记录事件细节，监控聚合指标并在异常时告警。
下载失败要能看到请求、错误码和最近趋势。
DONE WHEN
完成标准
能产出可重复的部署步骤和多视口、状态码、日志验收记录。