React 中 环境配置 eslint

708 阅读1分钟

首先下包

npm i eslint  -D

npx eslint --init

再根据以下方法配置

2.然后会弹出按y

image.png

3.再根据图配置,根据实际选择

9499da7845b1f0806d83734bc5486d6.png


也可以根据需求

image.png

序号作用
1只检查语法
2检查语法并发现问题
3检查语法,发现问题,并加强代码风格

选3


image.png

序号作用
1JavaScript
2CommonJs
3都不要

选3


image.png 在哪个框架使用,选1


image.png 项目使用TS吗,选2


image.png 代码在哪里运行,选2

image.png

序号作用
1流行
2回答关于你的风格的问题

定义代码风格,选1


image.png

标题
1
2标准
3谷歌
4

定义风格指南,选2

image.png 配置文件格式,选1

image.png 是否用npm安装这些包,选1

配置完以后,在工作区开启保存就格式化

image.png

image.png

image.png

image.png 在项目根目录下,补充配置文件:.vscode\settings.json,其内容如下:


{
  "eslint.run": "onType",
  "eslint.options": {
    "extensions": [".js", ".vue", ".jsx", ".tsx"]
  },
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  }
}

以上就是eslint配置完成如需再关闭某个规则可以在.eslintrc.js中的rules修改

image.png