小白菜的编程日记

Claude Code 的检查点功能就像给前端开发流程装了个"后悔药"——每次你发完指令，自动存档，随时可以回到任意版本。本文展示如何用检查点做 UI 迭代、组件重构、状态管理调试，以及那些"早知道就

Vue官方Skills是一套被严重低估的最佳实践指南。本文深度解读vue-best-practicesSkill，涵盖从响应式核心、组件模式到性能优化的22个实用技巧，每个技巧都配有清晰的正确/错误对

Claude Code Plugins 是目前最强的 AI 扩展机制，一个命令安装整套开发工具链。本文从实战出发，展示如何用插件提升前端开发效率，以及如何开发自己的插件。

Claude.md 是 Claude Code 的配置文件，放在项目里就能让 AI 记住你的规矩、团队的约定、项目的上下文。配置一次，永久生效。

Playground 是 Claude Code 的一个插件，能帮你生成一个独立的 HTML 页面来可视化调参。调颜色、调阴影、调圆角，不用再在对话框里文字描述"再深一点再偏蓝一点"了——直接拖拽，改

作为前端开发者，我们对"钩子"这个词再熟悉不过：Vue 的生命周期钩子让我们在组件不同阶段插入逻辑、Webpack 的 Tapable 钩子让我们在编译流程中扩展功能、Husky 的 Git 钩子在

MCP（Model Context Protocol）是 Claude 连接外部工具的桥梁。本文从前端开发视角出发，涵盖 MCP 架构、主流服务配置（GitHub/Filesystem/Context

通过 `@chenglou/pretext` 库在前端精确计算文本宽度，实现了搜索表单输入框的动态宽度适配。告别 `min-width` 的粗暴限制，让 UI 更精致。

Subagents 是 Claude Code 的"分身术"——你可以同时召唤多个专业的 AI 助手，各干各的活，最后把结果汇总给你。适合复杂任务并行处理、专门领域深度干活、防止主对话被垃圾信息污染。