Skip to content
Code Monster Logo Code Monster Logo Code Monster

CodeSandbox Setup

CodeSandbox is a web-based IDE (Integrated Development Environment) for quickly testing web applications.

It is a great tool for learning and prototyping new ideas.

Follow the steps below to set up CodeSandbox so it looks and behaves like your local VS Code installation.

  1. Click on the square icon in the top right of the editor to open the config menu, then choose Editor > Color Theme.

    CodeSandbox Settings

  2. Select the Default Dark Modern theme.

    Dark Modern Theme

  3. Click on the square icon in the top right of the editor again, but this time choose Editor > User Preferences.

    User Preferences

  4. Type preview into the search bar and find the section labelled Sandbox: Preview Run Action. Select save from the drop-down menu.

    Run on Save

Close settings by clicking the x in tab header. Happy coding!