ESLint到底是个啥

说实话，这玩意儿kan名字就像是个安全检查员。

其实它就是 JavaScript/TypeScript 的代码风格守护神。

你写的每一行代码，它dou会盯得紧紧的。

别kan它名字拗口，功Neng却一点也不拗口。

哈哈，一旦装上它，团队里那叫一个和谐。

害，刚开始配置的时候可Neng会抓狂。

不过咱就是说只要把规则定好，后面基本不用操心。

先说Zui核心的——统一代码风格。

比如变量命名、缩进、引号单双全douNeng被管控。

再者，它还Neng帮你捕捉潜在的 bug。

比如未使用的变量、可Neng的空指针，douNeng提前报警。

懂得人dou说它比代码审查快几倍。

Zui常见的是用 npm 或 yarn 安装：

npm i eslint --save-dev
# 或者
yarn add eslint -D

装完后用 npx 初始化一个配置文件：

npx eslint --init

这一步会让你挑选适合自己的风格，比如 Airbnb、Standard 或者自己定制。

别以为只要装了就完事儿了配置才是关键。

项目里常见的配置文件有 .eslintrc.js、.eslintrc.json、甚至 package.json 里直接写规则。

module.exports = {
  env: {
    browser: true,
    node: true,
    es2021: true,
  },
  extends: ,
  parser: '@typescript-eslint/parser',
  plugins: ,
  rules: {
    // 这里写你的自定义规则
    'no-console': 'warn',
    'quotes': ,
  },
};

配合 VS Code 插件，你写代码的时候左侧会出现小红灯或小绿灯。

点开就Nengkan到具体是哪一行哪一个规则报错了。

Ru果你是 Vim / Emacs 粉，那同样Ke以装对应插件，实现实时提示。

比如 react 插件Ke以帮你检查 JSX 写法是否符合规范。

@typescript-eslint Neng让 TypeScript 项目也享受到同样的严苛检查。

Cypress、Jest 那些专门针对测试框架的插件，也douNeng找得到。你懂的，就是这么全Neng。

hen多团队会把两者一起用，一个负责语法错误，一个负责代码格式化。

Eslint 检查错误，Prettier 把代码排版整齐统一，两者配合简直是天作之合。

这个问题经常被问到，尤其是Zuo SEO 的小伙伴们啊。

其实原因hen简单：页面内容缺乏唯一性或者质量太低。害，搜索引擎觉得没价值，就直接跳过去了。

还有一种情况是 robots.txt 把爬虫给拦住了不对啊，我怎么忘记打开呀？

再说一点，Ru果页面加载太慢，也会被百度判定为“不友好”。

Baidu 不收录并不是魔咒，只要提升内容原创度、优化加载速度，并确保没有误拦爬虫，就Neng迎刃而解。咱就是说这事儿跟 Eslint 没关系，但Zuo好技术细节也是提升整体质量的一环。你懂的！

这是个代码风格统一的问题，不是语法对错。你们项目用的是 @antfu/eslint-config，它默认要求：模块顶层导出的函数用 function 声明，箭头函数留给回调和局部场景。
const xxx =  => {} 依然hen好用，只是geng适合回调、闭包、需要 lexical this匿名小函数这类场景，而不是模块的主要 API 定义。
核心目的就三个：
Antfu 的配置哲学是：顶层用 function，箭头函数留给它真正擅长的场景。
Ru果不想遵守这条规则，Ke以在 eslint.config.js 里关掉 antfu/top-level-function，但和你们现有代码风格会不一致。
你们项目里 authApi.ts, projectApi.ts, crypto.ts, useProjectList.ts             这部分使用了这个模F0F;。
...
      

 // 类或 Options API 中 someObj.onClick =  => { this.value = ... } // 箭头函数继承外层 this