Home Editor
Editor
Cancel

Editor

To start programming you need an editor where you can write your code. We use Visual Studio Code in this course. You can download it here.

Extensions

Next you will need to install two extensions. You can either install them directly in Visual Studio Code or you can go to their website and install them from there. If you want to install them from Visual Studio code, you will find a walkthrough in the video at the end of this page.

Prettier

Prettier helps you to format your code automatically. It makes it easier to read your code and to find typos and errors.

You can find the website for the extension here.

p5canvas

p5canvas shows you a live preview of your code. When your code is free of errors the window on the right side of your editor will automatically update. This extension was written for this course and is under regular development. We will use it throughout the course.

You can find the website for the extension here.

Adjust settings

After installing the extensions you need to adjust some settings. You find a walkthrough in the following video.

Are you done?

When your editor is setup, you can start with the first chapter of the programming part here.