Editor configuration

Table of Contents

• IntelliJ Ultimate
• Visual Studio Code

IntelliJ Ultimate

Code Style and Linting

Styles should be automatically applied by .editorconfig.

Configure ESLint automatically.

In order to correctly format a file at any time, run the IntelliJ Reformat Code action, and then right-click in a window and click Fix ESLint Problems. You could also create a macro to do this for you, and map running of the macro to a keyboard shortcut for convenience.

Debugging

Ensure that you've started a local development server (see Getting started for details).

In Intellij, go to Run -> Edit Configuations...; click + and select JavaScript Debug. Paste http://localhost:3000 (or the URL of the development server you wish to attach to) into the URL field. Ensure that you've selected the appropriate browser for your platform in the Browser dropdown and click OK to save the configuration.

Click the Debug symbol to open a new window to the URL configured earlier. You can set breakpoints and explore the page in the interactive debugger.

Note that breakpoints may not be hit the first time the browser loads as Intellij needs to download the source map form the browser. See known limitations in the Intellij React help for more information.

Visual Studio Code

Suggested configuration for VSCode is checked into the repo (in the .vscode folder).