什么是eslint？

eslint是一个代码检查工具，用于检查你的代码是否符合指定的规范。
中文官网
英语官网

安装

npm install eslint -D
yarn add eslint -D

创建配置文件.eslintrc.js

./node_modules/.bin/eslint --init
或者
npx eslint --init 推荐
或者
手动在项目根路径下创建一个名叫.eslintrc.js文件

一些简单的配置，想看详细的规则可浏览官网。

module.exports = {
  env: {
    browser: true,
    es2021: true
  },
  rules: {
    'semi': ['error', 'always'], // 语句必须加 ; 
    'quotes': ['error', 'single'], // string 必须单引号'
    'space-before-function-paren': ['error', 'always'], // 函数(形参)必须加空格 
    'space-before-blocks': 'error', // {}之前必须加空格
    'space-in-parens': ['error', 'always'], // 形参和()中间必须加空格
  }
};

安装eslint插件

保存自动修复

修改setting.json
添加下面这一句代码

  "editor.codeActionsOnSave": {
    "source.fixAll": true
  },