Customize VS Code Window Title
I use VS Code often in my day-to-day job. Therefore, I customized the look of the title bar. To do this, in VS Code, open your settings by using the following VS Code menu command:
- On Windows/Linux - File > Preferences > Settings
- On macOS - Code > Preferences > Settings
You can also open the Settings editor from the Command Palette (Ctrl+Shift+P
) with Preferences: Open Settings
.
In the settings view, search for window title
. Set the title to your liking. As you can see below, I have it set to the following set: M Squared (ツ)_/¯ ${dirty}${activeEditorShort}
The above results in the: M Squared (ツ)_/¯
being displayed along with the file name of the content in the editor. For example, if I have a file named example.json open in the VS Code editor, the following is displayed in the title bar: M Squared (ツ)_/¯ example.json
.
If I have an unsaved change in the file, the ${dirty}
setting title displays an indicator for when the active editor has unsaved changes: M Squared (ツ)_/¯ ⚫ example.json
.
You can also change the VS Code Window Title setting by opening settings.json. Search for this line: window.title
and make the change:
"window.title":"M Squared (ツ)_/¯ ${dirty}${activeEditorShort}",