Visual Studio Code Focused View

Introduction

VS code offers a completely distraction-free view in-built. 

This view is known as Zen Mode (Focused Mode) in VS Code. 

This can be extremely helpful to the developer who wants to focus on one single file for some time. 

How to activate this Zen Mode?

  • Goto View > Appearance.
  • To activate Zen Mode select Zen Mode.
    Zen Mode Selection option
  • ShortcutCtrl+K + Z

Another way to activate this is by using the command palette:

  • Execute the command: “View: Toggle Zen Mode
    Command Palette

     

 

 

Activating this zen mode will remove the other elements from the VS code, and only the current working window is visible as below.

VS Code

We can also customize the Zen Mode( Focused View).

Customize the Zen Mode

We can do that by opening the settings options or by using a shortcut of CTRL +, 

Zen Mode Settings in Visual Studio Code

Zen Mode (Focused ) settings windows provide several customization options, including:

  • Layout Option
  • Full-Screen Mode
  • Hide Activity Bar
  • Line Number Hide
  • Hide Status Bar
  • Hide Tabs
  • Restore
  • Silent Notification

Zen Mode Customization

All these settings are turned on, which means all of these controls are not displayed when zen mode is On.

You can turn them Off to make them available when a zen mode is active.

Summary

To summarize, this is a great feature when you want to work in a completely distraction-free IDE.

Happy Coding!