概述

2024/9/29 Devops

​ Code Lint 是前端工程化中的一个重要环节,它可以帮助我们在部署代码到生产环境之前及时发现错误并纠正它们,也可以规范我们的编码习惯,让团队的代码风格保持统一。

​ Code Lint 的工作原理是借助一些 Lint 工具对代码进行静态分析,并在合适的时机触发校验,提示错误。

# Lint 工具

随着 nodejs 和前端工程化的发展,前端圈内产出了很多成熟的Lint工具,主要包括:

  • eslint 规范并校验 ECMAScript/JavaScript code 的编写

  • tslint 规范并校验 TypeScript code 的编写

  • stylelint 规范并校验css/scss/less code 的编写

  • commitlint 负责校验commit msg 是否符合规范

  • prettier 或 beautifyjs 统一代码排版格式

除此之外,我们还需要一些辅助的工具:

  • husky 能够监听 git hooks 的 nodejs 包,让 nodejs 开发者处理 git hooks 任务变得更加容易
  • lint-staged 可以将 git “已暂存(staged)”的文件作为参数传入你要执行的 shell script 之中

参考资料:前端codeLint-- 为项目集成ESLint、StyleLint、commitLint实战和原理 - 知乎 (zhihu.com) (opens new window)

上次更新: 2024/9/29 02:58:38