前端工程化工具

mddir 是一个基于项目目录结构动态生成 Markdown 格式目录结构的工具，方便开发者在文档中展示文件和文件夹的组织结构。 1. 安装 全局安装该工具，方便在不同项目中使用。 2. 使用 在想要

PNPM（Performant NPM）是一个高效的 NPM 包管理器，它使用硬链接和符号链接来减少磁盘空间的使用，并提高了安装速度。 1. 环境要求 v9 的 PNPM 需要 Node.js v18

ESLint 作为前端工程化中的重要工具，主要用于检查和修复 JavaScript/TypeScript 代码中的语法或格式错误。目的是为了统一代码风格，并确保代码的一致性和可维护性。

《前端工程化工具系列（一）—— ESLint(v9.4.0)：代码质量守护者 基础篇》中介绍了 ESLint 的常用配置，这里主要介绍的是一些进阶的使用。

Stylelint 是 CSS/SCSS 的静态分析工具，通过配置文件（stylelint.confi）定义检查规则，用于检查其中的违规和错误。

commitlint 是对 Git 提交的 message 进行校验的工具。 1. 环境要求 v19 以上的 Stylelint，支持 Node.js 的版本为 v18 +。 在命令行中输入以下内容后

Husky 允许开发者在Git钩子（hooks）上运行脚本，如 pre-commit、pre-push 等。 这样就可以在代码提交或推送时自动运行 ESLint、Prettier 等代码质量工具，来检

VS Code（Visual Studio Code）是一款由微软开发的强大且轻量级的代码编辑器，支持多种编程语言，并提供了丰富的扩展插件生态系统。 这里主要介绍如何使用配置 ESLint、Style