Files

You can use the Files activity to view and track changes to all files and folders in your project.

Navigate the Files activity

To show the Files activity, click its activity-bar icon or click Tools > File Browser. It shows how the content of your project is organized. Each item displays a file or folder icon and its name. Each file also displays its size.

Files with uncommitted changes display a Git status badge. Edited files display a Modified badge and are highlighted yellow. New, renamed, or moved files display an Untracked badge and are highlighted green.

Click the Options icon in the Files activity to show dot folders, filter files, close all folders, create new files, and create new folders.

Open files

Click a file to open the file in the File view. If you open another file, that file will replace the existing file in the File view. To open another file in a new content tab, right-click the file and click Open in New Tab.

To view an HTML file in a real browser engine, right-click the file and click Open in Browser. The destination follows the File Previews category in Settings > Browser: the built-in Web Browser tab when the category is on (the default), or your system browser when it is off.

Move files and folders

You can drag files and folders in the Files activity to rearrange where they are located in the project. You can also drag files and folders from your file manager into the Files activity to copy them into the project.

Filter files

Click the Filter files icon to open the filter bar. Type into the Filter files field to filter the Files activity with plain text or glob patterns. The filter bar shows the number of files that match the filter. Folders with files that match the filter expand to show where the files are located.

When you clear the filter, the Files activity restores to its previous state.