eslint配置

为了更好地代码书写规范，我们需要在项目中配置eslint。本次我们从0开始配置eslint，在react+ts中使用。

1.下包:npm i eslint -D 或者 yarn add eslint -D

2.配置eslint。命令如下：

3.在VSCode中安装eslint插件

4.设置eslint规则

 1.在VSCode中运行需要使用eslint的项目
 2.截图如下：
 

在settings.json文件下配置以下代码

{
    "eslint.alwaysShowStatus":true,
}

Ctrl+S保存，关闭settings.json文件

在settings.json文件下配置以下代码

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

5.至此，eslint配置全部完成。这样可以保证eslint规则在当前项目中生效。

切记：不要把工作区中settings.json文件下的配置代码写到用户中的settings.json文件中