Join egghead, unlock knowledge.

Want more egghead?

This lesson is for members. Join us? Get access to all 3,000+ tutorials + a community with expert developers around the world.

Unlock This Lesson
Become a member
to unlock all features

Level Up!

Access all courses & lessons on egghead today and lock-in your price for life.


    VSCode Zen Mode & Centered Layout

    Ahmad Awais ⚡Ahmad Awais ⚡

    VSCode Zen mode is super minimal, coupled with the Centered Layout it presents the perfect recipe of a simple focused coding practice. You can also use this mode while you record screencasts that include VSCode.



    Become a Member to view code

    You must be a Member to view code

    Access all courses and lessons, track your progress, gain confidence and expertise.

    Become a Member
    and unlock code for this lesson


    Instructor: 0:00 Programming is a lot like Zen. Zen is a Japanese term for meditation. When I'm trying to write code and I look at all of this complicated interface, I sometimes get distracted. Visual Studio Code has a perfect recipe for that. All you have to do is press Command+Shift+P and then search for Zen. You toggle your Zen Mode. Everything disappears, just you and your code.

    0:24 As you can see here, my layout is a bit centered. This is an extra setting for huge monitor screens. What you can do is you can also toggle this away. Search for Centered Layout. There you go.

    0:38 Now, in this Zen Mode, it's just the code, no complex UIs. If I'm trying to record tutorials with Visual Studio Code, I recommend you do this in the Zen Mode. Then, when you're done, very easily you can go back by pressing Command+Shift+P and toggle the Zen Mode. There you go.

    0:56 Command+Shift+P, search for Zen, toggle it. Command+Shift+P, search for Centered Layout, toggle it. It is just a matter of preference, but Zen Mode can sometimes come in handy.