Editors


skuba uses regular ESLint and Prettier configurations that should be compatible with most editor integrations.


Visual Studio Code

  1. Install the following community extensions:

    1. ESLint (dbaeumer.vscode-eslint)
    2. Prettier (esbenp.prettier-vscode)
  2. ⇧ ⌘ P › Preferences: Open Settings (JSON)

  3. Add the following settings:

    {
      "[typescript]": {
        "editor.codeActionsOnSave": {
          "source.fixAll.eslint": "explicit"
        },
        "editor.defaultFormatter": "esbenp.prettier-vscode"
      }
    }
    

Webstorm

  1. Go to Settings > Languages & Frameworks > JavaScript > Code Quality Tools > ESLint and tick Automatic ESLint configuration and Run eslint --fix on save.
  2. Go to Settings > Langauges & Frameworks > JavaScript > Prettier and tick On save.