Running your project code

Whether you're working on programming languages like Python and Ruby or diving into HTML/CSS/JavaScript and React projects, here's your guide to getting things up and running.

For programming languages (Python, Ruby, etc.)

run_button.png
A python project
  1. Locate the Run button: When you're in the project screen, look towards the top-right corner.

  2. Click the Run button: This will execute your code and you'll see the output shortly.

To simplify things, we've set up dedicated keyboard shortcuts for running the code. Follow these instructions to check them out:

  1. Hover over the floating profile menu.

    The floating profile menu
  2. Locate and click on the Keyboard shortcuts button.

  3. A pane will open, displaying all global and project-specific keyboard shortcuts.


For web projects (HTML/CSS/JavaScript, React)

  1. Live updates: Unlike other projects, you won't find a Run button here.

  2. Make your changes: As you edit your code in the editor, the changes will automatically reflect in the output.

  3. No extra steps: Just keep coding and see the results instantly.

Can't find what you're looking for?