All Collections
Online IDE
Using the CodeHS IDE
Using Autocomplete and Auto-Format in the Code Editor
Using Autocomplete and Auto-Format in the Code Editor

Learn about the Autocomplete and Auto-Format features in the CodeHS Editor

Meg Fiorentini avatar
Written by Meg Fiorentini
Updated over a week ago

Autocompleting in the Code Editor

Autocomplete in the Code Editor allows parentheses and braces to be autocompleted while coding. You can activate this function in your Account Settings using the IDE menu on the left side. You can also choose to default to block view in the editor when possible. To learn more about block coding, check out our article here!

Gif showing how to turn on autocomplete

Autoformatting in the JavaScript Code Editor

Auto-Format is available in all CodeHS Javascript programs. The formatter, Prettier, makes sure that all code conforms to a consistent style. Learn more about Prettier here.

Once this setting is turned on, the program will automatically format the code each time students save the program. To enable Auto-Format, click the gear icon in the upper left corner to access the Editor Settings and toggle the Auto-Format control under Editor.

Gif showing auto-formatting in JS code editor

Still have questions? Contact our team at to learn more!

Did this answer your question?