Skip to content

Latest commit

 

History

History
36 lines (26 loc) · 1.37 KB

editor-setup.md

File metadata and controls

36 lines (26 loc) · 1.37 KB

Editor Setup

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).

Extensions

Formatting

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:

  • Install this extension esbenp.prettier-vscode

  • 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
      }
    }

Expo Tools