MakeCode editor features

The MakeCode editor window has many features to help you create, download, and save your coding projects.

Creating blocks and code

Blocks Toolbox

The blocks you use in your project are found in the Toolbox. The Toolbox is a sidebar list of block categories for different code functions and operations. To get a block from the toolbox, you select a block category and a block shelf opens showing you the available blocks. You grab a block from the shelf and pull it onto the block workspace. There’s also a search control to help you find the blocks your interested in.

Blocks Toolbox with Loops shelf open
Blocks Toolbox

JavaScript editor

The JavaScript editor is a fully functional text editor that’s code aware. This means that it can help complete functions and statements for you by providing hints and text completion. A detailed description of the JavaScript editor features is here: https://makecode.com/js/editor.

Editor controls

Home

The Home button takes you to the Home Screen which shows recent projects and other activities.

Home button
Home Button

Share

The Share button displays the Share Project window which lets you publish your project to the public cloud.

Share button
Share Button

Blocks or JavaScript

To switch the your code view from Blocks to JavaScript, or back again, press one of the view buttons at the top and center of the window.

Switch from Blocks to JavaScript
Switch from Blocks to JavaScript

Help

The Help button shows a menu of help options that take you to support or reference pages.

Help button
Help Button

More

The More button gives a menu of project settings and options.

More settings button
More Button

Undo and Redo

You can undo and redo recent changes you make either in Blocks or JavaScript with the Undo and Redo buttons in the bottom right of the editor window.

Undo button Redo button
Undo Button Redo Button

Zoom In and Zoom Out

There are two zoom buttons in the lower right part of the editor view. The (+) button is to zoom in and the (-) button is to zoom out. The zoom buttons change the size of the blocks when you’re in the Blocks view. When you’re working with the code in the JavaScript view, the zoom buttons change the size of the text.

Zoom in button Zoom out button
Zoom In Zoom Out

Save Project

You can choose a name for your project and save it. Type in a name for the project and press the disk icon to save.

Save project field
Save Project

Download

The Download button will copy your program to a drive on your computer. You can copy your program directly to your LEGO® MINDSTORMS® Education EV3 if it’s connected and a drive for it shows up on your computer.

Project name and download filename

When you download the program for your project, the name you gave the project becomes part of the download file. If you decide to rename the download file, the name you chose for the project, not the current filename, is used and displayed by the editor.

Download button
Download Button

Explorer

All of the files in your project are viewed in the Explorer. Click on the Explorer button to expand the Explorer view to see all of the files in the project. Also, in addition to your project files, the Explorer will show all of files used to code all of the blocks in the editor. When you click and select a file, it will open in the editor for you to see and to edit if you want.

Explorer button
Explorer Button
 
Explorer File View
Explorer File View