10 VSCode keyboard shortcuts that’ll save you hours while coding.
Thread below 🧵
Thread below 🧵
SPLIT TERMINALS
We can create and display multiple terminals at the same time with the following command:
We can create and display multiple terminals at the same time with the following command:
EMMET ABREVIATIONS
If you’re writing HTML, you should know how tedious and time consuming it is to write certain elements. Emmet allows you create HTML elements (and even boilerplate) with some few keyboard shortcuts:
If you’re writing HTML, you should know how tedious and time consuming it is to write certain elements. Emmet allows you create HTML elements (and even boilerplate) with some few keyboard shortcuts:
ADDING INDENTATIONS
Some languages require indentation to properly parse your code. Others need it to make the code more readable. You can create indentations in VSCode (@code) with the following command:
Some languages require indentation to properly parse your code. Others need it to make the code more readable. You can create indentations in VSCode (@code) with the following command:
SHOW AND HIDE TERMINALS
Terminal is an integral part of software development process and it is integrated to VS Code for easy access. You can toggle the terminal with the following commands:
Terminal is an integral part of software development process and it is integrated to VS Code for easy access. You can toggle the terminal with the following commands:
FORMAT DOCUMENT
You can format an entire block of code or text with the following commands;
You can format an entire block of code or text with the following commands;
SWITCH BETWEEN TERMINALS
After you might have created multiple terminals, you can switch between them with the following commands:
After you might have created multiple terminals, you can switch between them with the following commands:
VSCODE EXTENSION MANAGER
We can add, search and remove different Visual Studio Code extensions from the sidebar. You can do so with the following commands:
We can add, search and remove different Visual Studio Code extensions from the sidebar. You can do so with the following commands:
ACCESS SETTINGS
You can access the settings area in VSCode with the following shortcut:
You can access the settings area in VSCode with the following shortcut:
DUPLICATING LINES
Visual Studio code helps the users to duplicate the lines above and under the given line. This is useful while coding in HTML because HTML often involves repeating the same code over and over again. Use the following combinations:
Visual Studio code helps the users to duplicate the lines above and under the given line. This is useful while coding in HTML because HTML often involves repeating the same code over and over again. Use the following combinations:
CREATE MULTIPLE CURSORS
Multiple cursors help us drop multiple cursors at various instances of the code. This lets us add text at all the places without having to copy and paste the text again and again. Use the following key combinations:
Multiple cursors help us drop multiple cursors at various instances of the code. This lets us add text at all the places without having to copy and paste the text again and again. Use the following key combinations:
• • •
Missing some Tweet in this thread? You can try to
force a refresh
