Expand All
Welcome to Nova!
Projects
Editor
Terminals
Previews
Git
Tasks
Debugging
Remote Files
Extensions
Appendix: Settings
FAQs
Support

The Workspace

The primary interface for working in Nova.

The main window used when working in Nova is called the Workspace.

Nova's main window, the workspace.

The Workspace window is made of four components: the toolbar, the content area, the left and right sidebars, and the Debug Pane.

Toolbar

The toolbar in Nova, showing various controls.

The toolbar provides quick access to commonly used controls across your project. From left to right, the toolbar contains:

The Nova Icon Nova icon
Click the Nova icon at any time to reopen the Launcher.
Project Details Project icon
See the name of the current project you’re working in, as well as the current Git branch (if available). Click this to open Project Settings.
Task Controls Build icon Run Task icon Stop Task icon
Build your project, run and stop the selected Task, and switch between Task configurations. These controls are only shown if a Task has been configured for this project.
Sidebar and Pane Controls Left Sidebar icon Debug Pane icon Right Sidebar icon
Quickly show and hide the left and right sidebars, as well as the Debug Pane.
New Tab New Tab icon
Click here to open a new tab in the content area.

Certain status indicators may temporarily appear in the toolbar as well, showing the progress of indexing, running Tasks, and file transfers. These will disappear once their operations are complete.

The toolbar in Nova showing the status of an indexing operation.
The toolbar in Nova showing the status of an indexing operation.

Content Area

The content area is where you’ll do most of your work. Your Editor, Preview, Terminal, and File Browser tabs open here by default.

The content area, with multiple open tabs.
The content area, with multiple open tabs.

Along the top of the content area is the tab bar, where you can easily switch between open documents. You can open a new tab from the New Tab icon New Tab button in the toolbar. If the tab bar isn’t wide enough to display all open tabs, it will become scrollable with your mouse or trackpad.

It’s also possible to pin tabs by right-clicking them and selecting Pin Tab from the context menu. Pinned tabs will remain sorted first on the left end of the tab bar. You can unpin a tab by dragging it to the right of pinned tabs in the sidebar, or selecting Unpin Tab in the context menu.

style.css as a pinned tab in the tab bar.
style.css as a pinned tab in the tab bar.

Split Views

The content area can be split into multiple views, allowing you to view the contents of multiple tabs at once. For instance, you may want to have a Preview split next to the document you’re editing, or have a Terminal tab docked below your editor.

Each split can contain its own set of tabs, with its own tab bar to switch between them.

The content area split into three panes.
The content area split into three panes.

To open a new tab in a split, click the New Split icon New Split button on the far right of the tab bar. By default, new splits will open to the right of the current pane. Holding ⌥ Option while clicking the New Split button will open a split below the current pane instead. You can also manually drag tabs from the tab bar into other splits, or create a new split.

NOTE: You can change the default direction for new splits in Settings > Workspace. If the default direction is set to “Below”, holding Option when clicking the New Split button will instead open the split to the right.

For details on more advanced split view features, see our dedicated article on Split Views.

On the left and right edges of the workspace window are Sidebars. You can toggle the visibility of the left and right sidebars with the Left Sidebar icon Right Sidebar icon controls in the toolbar.

By default, the left sidebar shows the Files Sidebar, which provides a directory view of the local files in your project. You can toggle between different sidebar views using the Sidebar Dock along the top of the sidebar.

The Sidebar Dock.
The Sidebar Dock.

Files Sidebar Files Sidebar icon
A list of the local files in your project. Learn More →
Remote Sidebar Remote Sidebar icon
View remote files hosted on any servers connected to your project. Learn More →
Find Sidebar Find Sidebar icon
Perform find and replace operations across your project. Learn More →
Symbols Sidebar Symbols Sidebar icon
View classes, functions, variables, IDs, and more in the focused document. Learn More →
Clips Sidebar Clips Sidebar icon
Manage pre-made text snippets you can easily insert into documents. Learn More →
Debug Sidebar Debug Sidebar icon
View and toggle breakpoints in your project. Not in the Sidebar Dock by default. Learn More →
Git Sidebar Git Sidebar icon
Fetch, pull, and commit changes to the project’s Git repository, as well as view branches, changed files, and commit history. Learn More →
Publish Sidebar Publish Sidebar icon
Use Publishing to batch-upload local changes in your project to a remote server. Learn More →
Issues Sidebar Issues Sidebar icon
Lists warnings and errors found across your project. Not in the Sidebar Dock by default. Learn More →
Reports Sidebar Reports Sidebar icon
View output reports from Tasks. Not in the Sidebar Dock by default. Learn More →
All Sidebars All Sidebars icon
View all available Sidebars, and drag them to your Sidebar Dock for quick access.

Additionally, extensions may provide their own Sidebars.

Customization

You can reorder the Sidebar Dock however you’d like by simply dragging each icon across it. You can remove a sidebar by dragging its icon out of the Dock. To add a sidebar, select the “All Sidebars” option and drag the icon you want into the dock.

Nova 12 and newer support a vertical Sidebar Dock. This can be enabled from Nova’s Settings > Workspace > “Sidebar Dock Orientation”.

You can also choose between small, medium, or large icons for the Sidebar Dock in Settings > Workspace > “Sidebar Dock Icon Size”.

The Sidebar Dock in vertical orientation, with Large icons.

The left and right sidebars have their own Sidebar Docks, so you can have different sidebars visible in each one. For instance, you might want to keep your Files Sidebar visible on the left side while keeping your Git changes visible on the right. Simply drag a Dock icon from one sidebar to the other to relocate it.

The left sidebar displaying the Files Sidebar, and the right sidebar displaying the Git Sidebar.
The left sidebar displaying the Files Sidebar, and the right sidebar displaying the Git Sidebar.

Debug Pane

Hidden by default is the Debug Pane, a lower ‘drawer’-style view which can be toggled with the Debug Pane icon button in the toolbar.

The Debug Pane enabled at the bottom of the workspace.
The Debug Pane enabled at the bottom of the workspace.

There are three selectable views in the Debug Pane, which you can switch between with the tabs along its top.

Debug Console Debug Console icon
View live information about a running Debug Task, and step through running code. Automatically opens when breakpoints are triggered. Learn More →
Extension Console Extension Console icon
For extension developers to view console output from their extensions.
Transcript Transcript icon
Display a live log of Nova’s communications with remote servers. Useful for troubleshooting connectivity or authentication issues with servers.