Dev's Guide: Setting up frontend IDE

This sections explains how to set up IDE for local frontend development.

• Prerequisites
• Setting up VS Code project

Prerequisites

Any IDE, but we highly recommend using VS Code. This section will only cover setup on VS Code.

Setting up VS Code project

1. Open VS Code.

2. Open judgels-client directory. The project should now be ready.

3. Install EditorConfig and Prettier extensions.

4. Open Settings, then open the settings.json, and add the following config:

   "[javascript]": {
     "editor.tabSize": 2,
     "editor.defaultFormatter": "esbenp.prettier-vscode"
   },
   "[javascriptreact]": {
     "editor.tabSize": 2,
     "editor.defaultFormatter": "esbenp.prettier-vscode"
   },
   "editor.formatOnSave": true,
   

5. You're done!