AI 辅助编程一年实践：从代码补全到结对开发
用了一年 AI 编程助手后的真实体会：哪些环节效率翻倍，哪些地方差点被坑，以及如何给 AI 当好"产品经理"。
← 全部分类
前端工程化 14 篇文章
前端也要懂 Docker：一次搞定部署环境差异
"我本地好好的"这句话我听过太多次了。把前端项目塞进 Docker 后，构建环境完全一致，部署变成一条命令。这篇写给没碰过 Docker 的前端同学。
Vite 6 与构建工具的下一步
Vite 6 带来 Environment API，为开发环境多目标构建打基础。梳理版本演进、核心新特性与 Rollup 4 生态。
GitHub Actions 实战：CI/CD 流水线从零搭建
push 代码后自动 lint、测试、构建、部署是怎么配置的？从 workflow 语法讲到 Node 项目完整流水线与缓存优化。
Vite 生态全景：从构建工具到前端基座
Vite 早已不只是 dev server。盘点周边生态：SSR、SSG、后端框架、测试、插件市场与各框架模板整合。
Vitest 上手：给 Vue 3 项目补上单元测试
项目跑了两年没有一行测试，每次重构都靠烧香。引入 Vitest 后才发现：2023 年的测试工具体验已经这么好了——兼容 Jest API、秒级启动、和 Vite 配置共享。
从 Webpack 到 Vite：构建工具换代指南
老项目要不要迁 Vite？对比两者架构差异，梳理迁移步骤、常见兼容问题与什么情况下继续用 Webpack。
pnpm + Workspace：中小团队 monorepo 落地手记
公司三个前端项目共享一套组件库，copy 来 copy 去终于出了线上事故。痛下决心迁 monorepo，用 pnpm workspace 两周落地。这篇是完整的迁移记录和避坑指南。
ESLint 与 Prettier：团队代码规范自动化
Lint 管代码质量、Prettier 管格式，二者如何配合不打架？介绍配置方式、提交时自动修复和团队落地方案。
TypeScript 入门：类型系统为 JavaScript 带来了什么
TS 不是新语言而是 JS 的超集。从基础类型、接口、泛型讲到类型推断与配置，说明为什么团队项目应该上 TS。
Git 分支模型与团队工作流
Git Flow、GitHub Flow、GitLab Flow 有什么区别？结合团队实践梳理分支策略、合并约定和常用排错命令。
不装 webpack 也能构建：npm scripts 轻量方案
写个小工具库也要上 webpack？杀鸡焉用牛刀。npm scripts 本身就能编排编译、检查、压缩这一套流程。这篇记录我为一个开源小组件搭建的零配置构建管线。
Vite 初体验：开发服务器为什么能秒开
冷启动 webpack 项目要等几十秒，Vite 几乎瞬间就绪。体验新项目的同时，记录其原生 ESM + esbuild 预构建的原理。
Git 入门笔记：工作区、暂存区与版本回退
为什么 commit 之前要先 add？reset --soft 和 --hard 差在哪？从三个区的视角把日常 Git 操作串一遍。