Skip to content

Getting started ​

CapyCode is a code editor for learning to program. It looks like VS Code, the editor developers use, but everything happens in your browser: nothing to install, and your code is never sent to a server.

You can write and run Python programs, SQL queries and OCaml code, organize your files, use a terminal and keep track of the versions of your work with Git.

The screen ​

The CapyCode screen, with its eight numbered areas

AreaWhat it is for
1Menu barFile, Edit, View, Run, Help: every action in CapyCode
2Activity barChooses what the side panel shows: Explorer, Search, Outline, Extensions (and Source Control once enabled)
3Side panelHere the explorer: the files and folders of your project
4TabsOne tab per open file; a dot means unsaved changes
5Run and FormatRuns the file on screen; tidies up its code
6EditorWhere you write your code
7Bottom panelThe consoles: program output, terminal, drawings
8Status barGit branch, errors and warnings, cursor position, language, interface language

Your first program ​

On your first visit, CapyCode creates a small project with a main.py file.

  1. Click main.py in the explorer: it opens in the editor.
  2. Change the code, for example print("Hello!").
  3. Click ▶ Run (or press Ctrl+Enter).

The output appears in the bottom panel. The file is saved automatically before it runs.

Saving

CapyCode does not save on its own while you type: Ctrl+S saves the file on screen. A dot ● on a tab means the file has changes that are not saved yet. Running a program saves its file first.

Where is my work? ​

Your project is kept in this browser, on this computer. It is still there when you come back to the page, even after closing it. However:

  • it is not on other computers or in other browsers;
  • clearing the site data in the browser, or using a private browsing window, makes it disappear.

To take your work with you or hand it in, export it as a ZIP or share it with a link: see Saving and sharing.

Going further ​

I want to…Page
Create, organize, rename filesFiles and folders
Write faster, search, fix my mistakesWriting code
Understand what happens when I run my codeRunning a program
Type commandsThe terminal
Keep the history of my versionsGit
Enable Git, SQL, OCaml or code formattingExtensions
Hand in my work, pick it up elsewhereSaving and sharing
Change the colors, the language, the fontCustomizing the display
Do everything with the keyboardKeyboard and accessibility
Prepare an activity for my classFor teachers
Find the answer to a problemFAQ