4 Useful Keyboard Shortcuts for Visual Studio Code
Visual Studio Code is a great editor. It’s highly customizable and comes with plenty of themes and extensions to choose from. The best thing about VSCode is that it’s easily accessible, just like Sublime Text. In this article, we’ll look at four useful keyboard shortcuts for VSCode.
Switch Editors
We can switch editors by pressing Ctrl +
In this article, I will share with you 4 useful keyboard shortcuts for Visual Studio Code. But before that, let me explain to you why I am sharing these shortcuts with you.
I can share my experience that helped me work with VS Code more efficiently than before. I started using VS Code after working on Windows for several years and since then have been using MacOS as my primary operating system. The first thing I missed in VS Code was the ability to use the mouse to select text and scroll the page. This may sound strange, but it’s true, especially if you have been developing on Windows for a while.
To solve this problem, I used Remote SSH extension which allows me to work remotely through SSH on any server! And this is what we will do now:
1\. Install Remote – SSH extension
2\. Connect to server via SSH (guide)
3\. Now you are ready to use Remote – SSH extension. Open command palette Cmd+Shift+p and type: “Remote-SSH: Connect to Host…”
4\. Select host you want to connect to from list or type it manually (ip address) and press enter.
5\. Enter password when prompted and press enter. If everything goes well you should see “Connect
This blog is written from the perspective of a Visual Studio Code user on Linux. The keyboard shortcuts are platform-independent though. I’m going to focus on 4 useful keyboard shortcuts that I use a lot in my daily workflow.
The first 2 keyboard shortcuts will be related to opening and closing the sidebar. The third keyboard shortcut is related to deleting lines of code, and the fourth one is related to multiple cursors.
The first keyboard shortcut that I want to mention is CMD + B or CTRL + B on Windows and Linux. This will open and close the sidebar which you can see on the left side of the editor in this screenshot:
There are many powerful features in Visual Studio Code and one of the best things about it is the keyboard shortcuts. It allows us to be more productive and focus on our work as developers.
Today I want to share some useful VS Code shortcuts that can help you to edit code faster.
Visual Studio Code is one of the most popular editors out there. It is a lightweight editor available for all platforms (Windows, Mac as well as Linux) and can be easily customized using user and workspace settings.
When we talk about Visual Studio Code, it’s configurability comes from the vast array of extensions that are available. There are extensions for just about anything you may need. You can find extensions to add new languages, themes, debuggers, and to connect to additional services.
In this blog post we will take a look at some useful keyboard shortcuts that make your life easier while working with Visual Studio Code.
1) Go to File:
Use: Ctrl+P
This command lets you quickly open any file in your workspace. This can be accessed by pressing ctrl+p inside VSCode editor
2) Go to Line Number:
Use: Ctrl+G
In case you want to go directly to a specific line number in a file, you can use this command. This can also be accessed with Ctrl+G shortcut key inside VSCode editor
3) Go to Symbol:
Use: Ctrl+Shift+O (or) F12
Sometimes we need to jump directly
If you are working with the latest version of Visual Studio Code (1.27), you might already know about the Remote Development extensions. I have been using this extension for the past few weeks and I have to say I am impressed by its capabilities.
If you haven’t tried yet, what are you waiting for? Let me show you how to get started.
But before that, let me tell you a bit more about my setup. I work on a Linux machine but most of our projects run on Windows. I like to keep up with the latest tech but without losing productivity.
While SSH is great for remote development and access, we developers are spoiled by tools like Docker that allow us to containerize our applications and run them locally using the same environment as production, but without having to set up a virtual machine or installing any other software.
If you are using Visual Studio Code (VS Code) as your editor and want to access it from a remote system then you can follow the below steps to configure your VS Code for remote access. This is especially useful if you want to access it on a remote server without installing a desktop environment.
Step 1: Install ‘Remote – SSH’ Extension
Open VS Code and search for Remote SSH. Install the extension by clicking on the green button.
Step 2: Install ‘OpenSSH Client’
Next, we need to install the openssh-client package which will provide the command-line based ssh client. To do this, run the below command in your terminal.
apt install openssh-client
Step 3: Setup Your Private Key For Remote Server Authentication
The next step is to setup a private key that will be used to authenticate with the remote server when connecting through SSH. If you already have an existing key then skip this step and go to the next one. Otherwise, run the below command in your terminal to generate a new rsa key with default settings.
ssh-keygen -t rsa
Step 4: Copy Your Public Key To The Remote Server
Now that we have created our private key, we need to add our