Articles
全部文章
pnpm 实战使用指南:从安装、迁移到 Workspace
pnpm 适合同时维护多个前端项目的开发者。它通过全局内容寻址存储复用依赖,能减少 node_modules 占用、提升安装速度,并用更严格的依赖结构减少幽灵依赖问题。
Git worktree:一个让我少用很多次 stash 的 Git 命令
还在用 stash + checkout 在不同分支之间来回切换?这篇文章用真实开发场景讲清 git worktree 的作用、常用命令、和 clone的区别,以及一套适合日常开发的工作流。
Git 提交规范:Husky + Commitlint 实践
结合当前 Husky 和 Commitlint 官方文档,说明如何用 `husky init`、commit-msg hook 和 Conventional Commits 约束提交信息,并解释这套流程在多人协作里真正解决什么问题。
深入理解 IntersectionObserver:让前端滚动监听更高效
是浏览器提供的 API,用于监听目标元素是否进入或离开可视区域(视口)或某个指定的父容器。它的特点是:✅高效:相比scroll事件,它不会频繁触发,提高性能。✅易用:不需要手动计算。✅灵活:可以自定义监听范围(root)、触发阈值(threshold)、提前触发(rootMarg
VS Code 快捷键指南:少用鼠标的高频操作
按命令面板、文件切换、编辑、多光标、终端和侧栏管理六类整理 VS Code 最常用快捷键,重点解决“记不住太多快捷键,到底先学哪几个”的问题。
Git 入门工作流:add、commit、pull、push
把 Git 最常用的本地与协作流程拆成工作区、暂存区、本地仓库和远端仓库,说明 add、commit、fetch、pull、push、branch、restore 在日常开发里的正确用法。
pnpm 替换 npm:迁移步骤与常见坑
从 lockfile、node_modules、脚本兼容和 CI 四个方面讲清项目从 npm 迁移到 pnpm 的步骤,并说明什么时候不该启用 shamefully-hoist。
pnpm vs npm vs yarn: 对比、优缺点及使用方法
最常见的包管理工具有 npm、yarn 和 pnpm,它们都能帮助开发者管理项目的依赖包,并提供丰富的功能。不过,它们的工作原理有所不同,每个工具在性能、磁盘空间利用、依赖管理等方面都有优缺点。
EditorConfig 与 Prettier:统一团队代码风格
说明 .editorconfig 和 Prettier 各自负责什么、配置如何覆盖,并给出适用于前端项目的配置、脚本和 CI 检查方法。
前端项目配置文件指南:env、Node、Git 与 ESLint
系统梳理 .env、.nvmrc、package.json engines、.gitignore、Babel 和 ESLint flat config 的职责、安全边界与团队协作方式。




