# CodeHS IDE Updates: Summer 2022 Published: 2022-07-20 Category: Product Category URL: https://codehs.com/blog/category/product URL: https://codehs.com/blog/2022-summer-codehs-ide-updates-468c956a9706 * * * ![undefined](https://prod.superblogcdn.com/site_cuid_cm264m3an0084qegvyd7aetst/images/16-2mzzsur52m3fz8fbv-za-1728979637050-compressed.png) ### CodeHS IDE Updates: Summer 2022 #### Taking the CodeHS IDE to the next level, explore the new and powerful features added this summer. The [CodeHS IDE](http://codehs.com/ide) is consistently being developed and refined with one goal in mind: education. With this simple yet powerful IDE, educators can get right to teaching, and students can start coding and collaborating in seconds! Here’s the run-down on the exciting new features added to the CodeHS IDE for the school year ahead. Demo of the New CodeHS IDE Updates #### **Manage Multiple Files with File Tabs** A new way to [manage multiple files](https://help.codehs.com/en/articles/4987159-creating-and-managing-multi-file-programs) in the CodeHS IDE. Easily manage and access multiple programming files using file tabs! File tabs make it easy to seamlessly switch between files while writing, testing, and debugging a program. ![undefined](https://prod.superblogcdn.com/site_cuid_cm264m3an0084qegvyd7aetst/images/0csj4nie2xobzvmjd-1728979639298-compressed.0*Csj4nIE2xOBzVMjd)New File Tabs #### Try Autocomplete & Other Advanced Text Editing Features Now you can [change the CodeHS IDE engine](https://help.codehs.com/en/articles/6389899-using-monaco-in-the-code-editor) between Ace (default) or Monaco. The new Monaco engine, which backs VSCode, is more advanced including keyboard shortcuts with a complete command palette, autocomplete, inline documentation, and much more. Explore [this interactive CodeHS tutorial](http://codehs.com/tutorial/danielle/using-the-monaco-editor) to learn more about the advanced Monaco engine features. #### **Adjust IDE Display Preferences** Organize your IDE view to fit the needs of what you’re working on. You can use the new [IDE display menu](https://help.codehs.com/en/articles/3676369-using-the-codehs-code-editor) to easily change between full screen code views, output views, or any other display configuration. ![undefined](https://prod.superblogcdn.com/site_cuid_cm264m3an0084qegvyd7aetst/images/0g57xgfh7-ev3f3p5-1728979641309-compressed.0*G57xGFH7-Ev3F3P5)CodeHS IDE Display Preferences Menu #### **Import Multiple Files Using a Zip File** Import multiple files at once in the CodeHS Sandbox using a Zip file. You can create a new Sandbox program by [uploading a zip](https://help.codehs.com/en/articles/4987159-creating-and-managing-multi-file-programs) or [adding zip files to existing](https://help.codehs.com/en/articles/2372009-uploading-a-file-to-your-program) Sandbox programs. ![undefined](https://prod.superblogcdn.com/site_cuid_cm264m3an0084qegvyd7aetst/images/00n76ctnbslichvmw-1728979643204-compressed.0*0n76CtNBSlICHVMW)CodeHS IDE Zip File Upload #### **Build Your Own JUnit Autograders** _Teaching Java and familiar with JUnit?_ You can now [build your own JUnit autograders](https://help.codehs.com/en/articles/2119075-creating-autograders-to-check-student-code) on CodeHS. JUnit autograders can be built into assignments to test student programs and identify errors in the code. Autograders on CodeHS run anytime the student checks their code or attempts to submit their assignment. #### Collaborate in Real-Time With the latest [CodeHS Collaboration](https://help.codehs.com/en/articles/4626586-real-time-collaboration) updates, the owner of the program can now leave the program while other collaborators are still working on it. This has been a highly requested update and we’re excited for you to all try it out, think about it like a Google Doc! ![undefined](https://prod.superblogcdn.com/site_cuid_cm264m3an0084qegvyd7aetst/images/0vpdecmq25-siocp2-1728979645527-compressed.0*vpDECMq25-sIoCP2)CodeHS Real-Time Collaboration #### **Use Stopify for JavaScript Programs** You can now use Stopify, a JavaScript extension that allows you to improve interactive prompts. Stopify moves the interactive prompt from a pop-up window to inline, allowing you to easily view the interaction. It also helps prevent the browser from crashing while executing infinite loops. [Learn more](https://help.codehs.com/en/articles/6399234-using-stopify-in-the-code-editor). #### **Autoformat JavaScript Programs** [Automatically format your JavaScript programs](https://help.codehs.com/en/articles/1106184-using-autocomplete-and-autoformat-in-the-code-editor) on CodeHS using [_Prettier_](https://prettier.io/docs/en/index.html). Prettier makes sure that all code conforms to a consistent style, such as proper indentations. #### **New HTML URL Bar** There is now an easier way to navigate and run your HTML programs on CodeHS with the [new URL bar](https://help.codehs.com/en/articles/4987159-creating-and-managing-multi-file-programs#h_c3df0694ca). Try [this example program](https://codehs.com/sandbox/danielle/url-bar-example) to see it! ![undefined](https://prod.superblogcdn.com/site_cuid_cm264m3an0084qegvyd7aetst/images/0gtcguyqxwnmijnj-1728979647431-compressed.0*gtcGuyQXWnmijNj-)New HTML URL Bar #### **Scan Through Student Code History** With the new code history updates, easily [scan through student code history](https://help.codehs.com/en/articles/3676369-using-the-codehs-code-editor) to get a full picture of their coding journey. As a teacher, you can now quickly move back and forth between timestamps of code, and run student code at any given timestamp. ![undefined](https://prod.superblogcdn.com/site_cuid_cm264m3an0084qegvyd7aetst/images/0cokhcg7f9uieusef-1728979649683-compressed.0*coKhcG7F9UieUsEf)Navigating Student Code History #### **Save Edits To Student Programs** Teachers can now save edits to their student’s programs as well as add comments. Learn how [here](https://help.codehs.com/en/articles/6398935-editing-student-code). ### **More IDE Features Coming Soon:** - **Inline Comments** — Leave a message to your students on a specific line of code. - **Real-Time Collaboration on Student Assignments** — As a teacher, collaborate in real-time with students on their own CodeHS assignments. - **Improved UI for** [**CodeHS Practice Problems**](http://codehs.com/practice) - **New Sandbox Templates** — Access more Sandbox templates with starter code. * * * **The CodeHS IDE is free to use!** Go to [codehs.com/explore/sandbox](http://codehs.com/explore/sandbox) to start building your first program on CodeHS. _Interested in bringing CodeHS to your classroom?_ [Sign up for a free CodeHS teacher account](http://codehs.com/signup) to create a section and start enrolling students, or contact us at [hello@codehs.com](http://hello@codehs.com). --- This blog is powered by Superblog. Visit https://superblog.ai to know more. ---