前端工程化：有效地进行拼写检查

拼写错误导致的问题

在项目开发过程中，即使我们再细心，也难免忙中出错，犯下很多低级的错误。

比如这样：

我们错把 field 拼写成 filed，这样打印出来的是 undefined，而不是预期的 name。

ESLint 的基本介绍

但是幸运的是，有一些 Lint 工具会在这方面提供一些帮助。

比如在 TypeScript 中，会有一个错误提示。虽然这个提示提供的消息并不是我们需要的。

当然我们可以选择一些更专业的 Linter 来完成这项工作。

目前来说，最流行的 JavaScript Linter 是 ESLint。

如果配合 VSCode 这个编辑器使用的话，可以安装 vscode-eslint 这个插件。

然后在项目的根目录下创建 .eslintrc.js 文件，编写一些配置。

/** @type {import('eslint').Linter.Config} */
module.exports = {
  env: {
    browser: true,
    es2021: true,
    node: true,
  },
  rules: {
    "no-undef": ["error"],
  },
};

env 属性指定项目的运行环境。

rules 是具体的规则。

no-undef 这条规则的意思是不可以使用未定义的变量。

no-undef 属性的值是一个数组，数组