

We’ve looked at a couple of ways of customizing through shortcuts and layout already, but let’s explore a few more.

Visual Studio Code is built using Electron.js which allows it to be customized by web developers. There are other ways to customize your layout that you can spend time exploring.

To toggle Centered Layout, open the command palette ( CMD + SHIFT + P or CTRL + SHIFT + P) and type Toggle Centered Layout. With this layout, you don’t have to worry as much about opening the Activity Bar pushing your code over. One last option is to use Centered Layout which centers your text editor (as is the default with Zen Mode), but does not hide all of the other menus in the UI. Use CMD + K Z on Mac and CTRL + K Z on Windows to toggle Zen mode. Zen Mode is the easiest way to get rid of everything else from the screen so you only see your code. Open your settings menu and search for Activity Bar: Visible. You can take the previous option one step further by hiding the activity bar completely. This way, when it is opened, it does not push your code over. It can be minimized, but when it is opened it pushes your code over to the right.īy changing your settings (see Settings section below), you can dock this menu on the right. Moving the Activity Bar From Left to Rightīy default, the Activity Bar is on the left. Note: All of the following can be accessed from either settings or from the command palette with CMD + SHIFT + P. There are many ways to alter your layout in Visual Studio Code. Visually, with so many features, buttons, menus, and so on, you can often be distracted from what’s most important to you-your code.

IDEs (Integrated Development Environments) can often be bulky with a lot of functionality already built in. You can use Command K + Command S on Mac or Control k + Control S on Windows to access the shortcuts. In Visual Studio Code, you can view and customize shortcuts by going to Code -> Preferences -> Keyboard Shortcuts on a mac and File -> Preferences -> Keyboard Shortcuts on Windows. Although it may not seem like much, the transition from keyboard to mouse takes time, even if it’s just a few seconds. You do these tasks constantly, and without shortcuts, each of these actions requires grabbing the mouse. Customizing ShortcutsĪs a developer, think about every time you save a file, copy/paste a line of code, open a file, and so on. In this article, we’ll look at five ways to improve your development work in Visual Studio Code. By learning the ins and outs, you can greatly improve your speed, efficiency, and process as a developer. Visual Studio Code is extremely flexible and powerful.
