react项目配置eslint步骤，并自动格式化代码

注意：

react 17之后，页面上使用jsx时，可以省略import React

在16的版本中，页面上使用jsx，必须import react

1.npm i eslint -D

2.在项目根目录，运行 npx eslint --init

1. 按交互提示安装相关插件
2. 它会自动生成eslint的配置文件
3. 

 

3.设置vscode的自动保存格式化

代码

在项目根目录下，补充配置文件：.vscode\settings.json，其内容如下：

自动格式化代码
{
  "eslint.run": "onType",
  "eslint.options": {
    "extensions": [".js", ".vue", ".jsx", ".tsx"]
  },
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint":