前端代码格式化工具开发精讲

📚 共计 30 章节
01
工具概览与生态
发展史 · 主流工具对比 · 团队协作价值
PrettierESLintStyleLint
02
核心原理(一)
AST基础 · 格式化作用 · @babel/parser
AST解析
03
核心原理(二)
遍历与节点操作 · @babel/traverse · 代码生成
遍历修改AST
04
Prettier深度解析(一)
设计哲学 · .prettierrc · 常见配置项
printWidthtabWidthsemi
05
Prettier深度解析(二)
插件系统 · 编写插件 · 生命周期与钩子
插件钩子
06
Prettier深度解析(三)
嵌入式语言 · JSX/Vue/Markdown · 范围与忽略
嵌入式忽略注释
07
ESLint集成(一)
ESLint与Prettier · eslint-config-prettier · 冲突解决
集成规则冲突
08
ESLint集成(二)
eslint-plugin-prettier · 配置工作流 · 性能优化
插件工作流
09
StyleLint与CSS格式化
StyleLint基础 · 配合Prettier · 自定义规则
CSSStyleLint
10
HTML格式化
难点(缩进/属性) · Prettier格式化 · 自定义逻辑
HTML缩进
11
Markdown格式化
列表缩进 · 表格对齐 · Prettier扩展
Markdown表格
12
JSON与YAML格式化
JSON规范 · YAML特点 · 配置文件格式化
JSONYAML
13
命令行工具开发(一)
Node.js CLI · commander.js · 格式化命令
CLIcommander
14
命令行工具开发(二)
文件监听 · chokidar · 保存时自动格式化
监听chokidar
15
编辑器集成(一)
VS Code插件入门 · 搭建项目 · 注册命令
VS Code插件
16
编辑器集成(二)
格式化API · 保存时自动格式化 · 设置配置
API自动保存
17
编辑器集成(三)
WebStorm/IntelliJ · SDK · 注册动作
IntelliJWebStorm
18
Git Hooks集成
husky · pre-commit · lint-staged
huskylint-staged
19
CI/CD集成
GitHub Actions · GitLab CI · 阻断流水线
CI/CDActions
20
性能优化(一)
大文件瓶颈 · 增量策略 · Worker线程
性能Worker
21
性能优化(二)
缓存机制 · 文件哈希 · LRU缓存
缓存LRU
22
自定义格式化规则(一)
规则引擎 · 优先级 · 测试框架
规则引擎优先级
23
自定义格式化规则(二)
缩进规则 · 引号规则 · 空格换行
缩进引号
24
自定义格式化规则(三)
排序规则 · CSS属性排序 · 导入/对象键排序
排序导入
25
错误处理与恢复
错误分类 · 优雅降级 · 日志系统
错误处理降级
26
测试与质量保障
Jest · 集成测试 · 快照测试 · 覆盖率
Jest快照
27
文档与发布
技术文档 · TypeScript类型 · npm发布
文档npm
28
高级主题(一)
JSX/TSX · Vue SFC · Svelte 格式化
JSXVueSvelte
29
高级主题(二)
GraphQL · Dockerfile · Shell 格式化
GraphQLDocker
30
项目实战与总结
从零构建工具 · 架构总结 · 未来展望
实战架构