Eslint的进阶使用指南

2023-09-26 04:41:12

作为一名工程师，在日常开发中，我们都知道代码规范的重要性，而Eslint作为前端世界当中非常流行的一款代码规范工具，相信大家都不会陌生，它能够帮助我们发现代码中存在的潜在错误或问题，并提供相应的解决方案，帮助我们更快的编写出符合规范的代码，提升代码的可读性和可维护性。

如何往一个老的项目加入Eslint配置

安装Eslint
```
npm install --save-dev eslint
```
初始化Eslint配置
```
npx eslint --init
```

选择并安装Eslint插件

npm install --save-dev eslint-plugin-react eslint-plugin-react-hooks

修改.eslintrc.js配置

module.exports = {
  "env": {
    "browser": true,
    "es6": true
  },
  "extends": ["eslint:recommended", "plugin:react/recommended", "plugin:react-hooks/recommended"],
  "parser": "babel-eslint",
  "parserOptions": {
    "ecmaFeatures": {
      "jsx": true
    },
    "ecmaVersion": 12,
    "sourceType": "module"
  },
  "plugins": ["react", "react-hooks"],
  "rules": {
    "indent": ["error", 2],
    "quotes": ["error", "double"],
    "semi": ["error", "always"]
  }
};