For the best experience, I recommend using VS Code as that will give you IDE-like features like autocomplete, reference lookups, and nice refactoring tools (variable/file renames with downstream updates).
For this project and most modern TS/JS projects, we use prettier
as our formatter. I find that enabling Format on Save helps fix formatting problems effortlessly than manually running a process on the terminal.
To enable this, follow the steps below:
-
Open the Command Pallette with Ctrl+Shift+P and type
Preferences: Open Settings (JSON)
(select it as it auto-completes) -
In
settings.json
, add the following to your existing configuration:{ // Other settings... "[typescript]": { "editor.defaultFormatter": "esbenp.prettier-vscode", "editor.formatOnPaste": false, "editor.formatOnSave": true }, "[typescriptreact]": { "editor.defaultFormatter": "esbenp.prettier-vscode", "editor.formatOnPaste": false, "editor.formatOnSave": true } }