Configuração básica do eslint em projetos react, by @Rocketseat

cloudSettings

{"lastUpload":"2020-03-06T12:31:17.554Z","extensionVersion":"v3.4.3"}

extensions.json

[
  {
    "metadata": {
      "id": "af14ddf1-c53e-4d84-82d2-f0d31549ea80",
      "publisherId": "Fudge.auto-using",
      "publisherDisplayName": "Fudge"
    },
    "name": "auto-using",
    "publisher": "Fudge",
    "version": "0.7.9"
  },
  {
    "metadata": {
      "id": "e337c67b-55c2-4fef-8949-eb260e7fb7fd",
      "publisherId": "Shan.code-settings-sync",
      "publisherDisplayName": "Shan"
    },
    "name": "code-settings-sync",
    "publisher": "Shan",
    "version": "3.4.3"
  },
  {
    "metadata": {
      "id": "d0bfc4ab-1d3a-4487-8782-7cf6027b4fff",
      "publisherId": "ms-dotnettools.csharp",
      "publisherDisplayName": "ms-dotnettools"
    },
    "name": "csharp",
    "publisher": "ms-dotnettools",
    "version": "1.21.13"
  },
  {
    "metadata": {
      "id": "94d85ac4-dbcb-42be-9d6a-2e10bb1abdd9",
      "publisherId": "rahulsahay.Csharp-ASPNETCore",
      "publisherDisplayName": "rahulsahay"
    },
    "name": "Csharp-ASPNETCore",
    "publisher": "rahulsahay",
    "version": "1.11.0"
  },
  {
    "metadata": {
      "id": "e046ec1e-3907-466b-aaea-ff1956a46d27",
      "publisherId": "jchannon.csharpextensions",
      "publisherDisplayName": "jchannon"
    },
    "name": "csharpextensions",
    "publisher": "jchannon",
    "version": "1.3.1"
  },
  {
    "metadata": {
      "id": "d1a2eab4-aa6e-4094-93b3-6a007f60bd9d",
      "publisherId": "k--kato.docomment",
      "publisherDisplayName": "k--kato"
    },
    "name": "docomment",
    "publisher": "k--kato",
    "version": "0.1.8"
  },
  {
    "metadata": {
      "id": "532533c9-a894-4a58-9eee-bbfbe7c06f71",
      "publisherId": "mikestead.dotenv",
      "publisherDisplayName": "mikestead"
    },
    "name": "dotenv",
    "publisher": "mikestead",
    "version": "1.0.1"
  },
  {
    "metadata": {
      "id": "f60a60a6-95ba-42d4-b41c-3d24c1b89588",
      "publisherId": "EditorConfig.EditorConfig",
      "publisherDisplayName": "EditorConfig"
    },
    "name": "EditorConfig",
    "publisher": "EditorConfig",
    "version": "0.14.4"
  },
  {
    "metadata": {
      "id": "4de763bd-505d-4978-9575-2b7696ecf94e",
      "publisherId": "eamodio.gitlens",
      "publisherDisplayName": "eamodio"
    },
    "name": "gitlens",
    "publisher": "eamodio",
    "version": "10.2.1"
  },
  {
    "metadata": {
      "id": "32aada6b-3cbf-4590-ab56-f2c4423d028f",
      "publisherId": "cjhowe7.laravel-blade",
      "publisherDisplayName": "cjhowe7"
    },
    "name": "laravel-blade",
    "publisher": "cjhowe7",
    "version": "1.1.2"
  },
  {
    "metadata": {
      "id": "3b58a227-618a-4b57-a06b-6984a2a8d1ba",
      "publisherId": "onecentlin.laravel-blade",
      "publisherDisplayName": "onecentlin"
    },
    "name": "laravel-blade",
    "publisher": "onecentlin",
    "version": "1.20.0"
  },
  {
    "metadata": {
      "id": "f015bc3c-a098-4245-8765-615e002e09ab",
      "publisherId": "yzane.markdown-pdf",
      "publisherDisplayName": "yzane"
    },
    "name": "markdown-pdf",
    "publisher": "yzane",
    "version": "1.4.2"
  },
  {
    "metadata": {
      "id": "5db78037-f674-459f-a236-db622c427c5b",
      "publisherId": "PKief.material-icon-theme",
      "publisherDisplayName": "PKief"
    },
    "name": "material-icon-theme",
    "publisher": "PKief",
    "version": "4.0.1"
  },
  {
    "metadata": {
      "id": "dff6b801-247e-40e9-82e8-8c9b1d19d1b8",
      "publisherId": "christian-kohler.npm-intellisense",
      "publisherDisplayName": "christian-kohler"
    },
    "name": "npm-intellisense",
    "publisher": "christian-kohler",
    "version": "1.3.0"
  },
  {
    "metadata": {
      "id": "fef63133-dae3-40fb-b81d-6da7617b4b1e",
      "publisherId": "techer.open-in-browser",
      "publisherDisplayName": "techer"
    },
    "name": "open-in-browser",
    "publisher": "techer",
    "version": "2.0.0"
  },
  {
    "metadata": {
      "id": "a41c1549-4053-44d4-bf30-60fc809b4a86",
      "publisherId": "christian-kohler.path-intellisense",
      "publisherDisplayName": "christian-kohler"
    },
    "name": "path-intellisense",
    "publisher": "christian-kohler",
    "version": "1.4.2"
  },
  {
    "metadata": {
      "id": "044b4b31-2969-4af3-895d-855433b8b46d",
      "publisherId": "felixfbecker.php-debug",
      "publisherDisplayName": "felixfbecker"
    },
    "name": "php-debug",
    "publisher": "felixfbecker",
    "version": "1.13.0"
  },
  {
    "metadata": {
      "id": "ca0094fa-0dc7-4847-ae5d-879442c099ca",
      "publisherId": "neilbrayfield.php-docblocker",
      "publisherDisplayName": "neilbrayfield"
    },
    "name": "php-docblocker",
    "publisher": "neilbrayfield",
    "version": "2.1.0"
  },
  {
    "metadata": {
      "id": "96fa4707-6983-4489-b7c5-d5ffdfdcce90",
      "publisherId": "esbenp.prettier-vscode",
      "publisherDisplayName": "esbenp"
    },
    "name": "prettier-vscode",
    "publisher": "esbenp",
    "version": "3.20.0"
  },
  {
    "metadata": {
      "id": "e8e6c9a6-cbd0-4812-b617-50ab45b749e4",
      "publisherId": "rocketseat.RocketseatReactJS",
      "publisherDisplayName": "rocketseat"
    },
    "name": "RocketseatReactJS",
    "publisher": "rocketseat",
    "version": "2.2.0"
  },
  {
    "metadata": {
      "id": "00b0e9ab-d798-487b-a542-8304240d0da4",
      "publisherId": "rocketseat.RocketseatReactNative",
      "publisherDisplayName": "rocketseat"
    },
    "name": "RocketseatReactNative",
    "publisher": "rocketseat",
    "version": "2.2.0"
  },
  {
    "metadata": {
      "id": "4e44877c-1c8d-4f9c-ba86-1372d0fbeeb1",
      "publisherId": "dracula-theme.theme-dracula",
      "publisherDisplayName": "dracula-theme"
    },
    "name": "theme-dracula",
    "publisher": "dracula-theme",
    "version": "2.20.0"
  },
  {
    "metadata": {
      "id": "2f5dd8cb-d251-4d70-abfe-ddebcb077483",
      "publisherId": "octref.vetur",
      "publisherDisplayName": "octref"
    },
    "name": "vetur",
    "publisher": "octref",
    "version": "0.24.0"
  },
  {
    "metadata": {
      "id": "583b2b34-2c1e-4634-8c0b-0b82e283ea3a",
      "publisherId": "dbaeumer.vscode-eslint",
      "publisherDisplayName": "dbaeumer"
    },
    "name": "vscode-eslint",
    "publisher": "dbaeumer",
    "version": "2.1.1"
  },
  {
    "metadata": {
      "id": "ffda6552-0ad5-431b-a4fa-0905a7e4f3f0",
      "publisherId": "bmewburn.vscode-intelephense-client",
      "publisherDisplayName": "bmewburn"
    },
    "name": "vscode-intelephense-client",
    "publisher": "bmewburn",
    "version": "1.3.11"
  },
  {
    "metadata": {
      "id": "80e9cc3c-eb09-48ed-afda-f1cfd9c9ca3f",
      "publisherId": "phproberto.vscode-php-getters-setters",
      "publisherDisplayName": "phproberto"
    },
    "name": "vscode-php-getters-setters",
    "publisher": "phproberto",
    "version": "1.2.3"
  },
  {
    "metadata": {
      "id": "06cc3e44-aedb-41b8-a4ea-29ebf3c491fd",
      "publisherId": "jpoissonnier.vscode-styled-components",
      "publisherDisplayName": "jpoissonnier"
    },
    "name": "vscode-styled-components",
    "publisher": "jpoissonnier",
    "version": "0.0.28"
  }
]

settings.json

{
    // Define o tema do VSCode
    "workbench.colorTheme": "Dracula",
  
    // Configura tamanho e família da fonte
    "editor.fontSize": 12,
    "editor.lineHeight": 24,
    "editor.fontFamily": "Fira Code",
    "editor.fontLigatures": true,
  
    // Aplica linhas verticais para lembrar de quebrar linha em códigos muito grandes
    "editor.rulers": [80, 120],
    "editor.formatOnSave": false,
  
    "eslint.packageManager": "yarn",
    "eslint.autoFixOnSave": true,
    "eslint.validate": [
      {
        "language": "javascript",
        "autoFix": true
      },
      {
        "language": "javascriptreact",
        "autoFix": true
      },
      {
        "language": "typescript",
        "autoFix": true
      },
      {
        "language": "typescriptreact",
        "autoFix": true
      }
    ],
  
    "files.associations": {
      ".sequelizerc": "javascript",
      ".blade.php": "html", 
      ".tpl": "html"
    },
  
    // Aplica um sinal visual na esquerda da linha selecionada
    "editor.renderLineHighlight": "gutter",
  
    // Aumenta a fonte do terminal
    "terminal.integrated.fontSize": 12,
  
    // Define o tema dos ícones na sidebar
    "workbench.iconTheme": "material-icon-theme",
    "workbench.startupEditor": "newUntitledFile",
    "editor.tabSize": 4,
    "window.zoomLevel": 1,
    "extensions.ignoreRecommendations": true,
    "emmet.syntaxProfiles": {
      "javascript": "jsx",
    },
    "emmet.includeLanguages": {
      "javascript": "javascriptreact",
      "blade": "html"
    },
    "javascript.updateImportsOnFileMove.enabled": "never",
    "gitlens.codeLens.recentChange.enabled": false,
    "gitlens.codeLens.authors.enabled": false,
    "gitlens.codeLens.enabled": false,
    "breadcrumbs.enabled": true,
    "git.enableSmartCommit": true,
    "editor.parameterHints.enabled": false,
    "typescript.updateImportsOnFileMove.enabled": "never",
    "terminal.integrated.shell.osx": "/bin/zsh",
    "explorer.confirmDragAndDrop": false,
    "liveshare.featureSet": "insiders",
    "explorer.confirmDelete": false,
  
    "typescript.tsserver.log": "verbose",
    "javascript.suggest.autoImports": false,
    "typescript.suggest.autoImports": false,
    "workbench.activityBar.visible": true,
    // PHP
    "php.suggest.basic": false,
    "editor.quickSuggestions": { "comments": true },
    "intelephense.files.exclude": [
      "**/.git/**",
      "**/.svn/**",
      "**/.hg/**",
      "**/CVS/**",
      "**/.DS_Store/**",
      "**/node_modules/**",
      "**/bower_components/**",
      "**/vendor/**/{Test,test,Tests,tests}/**/*Test.php"
    ],
    "editor.minimap.enabled": false,
    "emmet.triggerExpansionOnTab": true, // enable tab to expanse emmet tags
    "blade.format.enable": true,
    "[php]": {
      "editor.defaultFormatter": "bmewburn.vscode-intelephense-client"
    },
    "editor.codeActionsOnSave": {
      "source.fixAll.eslint": true
    },
    "sync.gist": "f8a2ea95919f5284d607ebe948f6bca2",
    "sync.autoUpload": true,
    "sync.quietSync": false,
    "[json]": {
      "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[jsonc]": {
      "editor.defaultFormatter": "esbenp.prettier-vscode"
    }
  }