Archives

代码规范经典方案:Prettier for formatting , ESLint for catching bugs

在前端工程愈演愈大的情况下,JavaScript 占的比例也很足,需要良好的书写风格,才能在多人协作 code 时提高效率,何况代码还是需要人来读的,所以可读性、可维护性高的代码很多时候有重要意义。即使我们看了大家常说到的 Airbnb 的 JavaScript 的编程风格,但是,不少情况下还是会写出不符合要求的代码,那么就需要工具来约束我们。我们通过配置一些风格,让 IDE 来提醒我们代码的风格是否符合规范,并自动修正代码格式。

ESLint 基本配置与使用

ESLint 是 JavaScript 代码检查工具。它可以配和 VS Code 的 ESLint 插件来提示代并修复码格式错误,也可以在命令行使用,比如执行 eslint . --fix来检查并修复代码格式。ESLint 也可通过插件来配置对其他语言( HTML、Vue 等)进行代码检查。

Prettier 基本配置与使用

Prettier 将自己介绍描述为“一个固执己见的代码格式化工具( Prettier is an opinionated code formatter)”。它可以将代码格式化为风格规范的代码,支持很多编程语言,可以在编辑器保存时运行,在提交前的钩子中运行,或者在 CI 环境中运行,以确保代码库具有一致的风格。