Don't Use a Mouse Anymore! VSCode Shortcuts Tips and Tricks

VSCode keyboard shortcuts. How to code faster in VsCode? Must know vscode productivity tips and tricks. Windows and Mac VSCode shortcuts.

Join Lama Dev groups

00:00 Introduction
00:26 Opening Project Shortcut
01:36 VsCode Tab Shortcuts
03:45 Creating Folder and File Shortcuts
04:18 Appearance Shortcuts
05:42 Terminal Shortcuts
06:20 How to code faster (VsCode shortcuts you must know)
12:55 VsCode Productivity Tips
15:40 Touch Typing for Developers
16:58 Outro

[hisoka]

You can also press Ctrl+L to clear the terminal instead of typing the actual 'clear' command.

[martinmajtan]

Opening project

ctrl+` : terminal

code nameOfProject (in terminal) : open project

Tab shortcuts
Alt+1 : Open first tab
Alt+2 : Open second tab
etc
Ctrl+p : Search files
Ctrl+w : Close active tab
Ctrl+k+w : Close all tabs

Instead create folder folder file
use Create File: folder1/folder2/file.js

Ctrl+b : Hide/open sideBar
Ctrl and + : Zoom in
Ctrl and - : Zoom out

Appearance shortcuts
Ctrl+\ : Split screen
Ctrl+1 : Screen 1
Ctrl+2 : Screen 2

Terminal shortcuts
Arrow up/down : previous commands
clear : clear terminal

Code faster shortcuts
Ctrl+arrows : skip blocks
Ctrl+Shift+arrows : Select blocks of text
Ctrl+x : cut line (select line not element,
same for copy)
Ctrl+/ : comment line
Alt+shift+arrow(up/down) : duplicate line


(I will update it)

[persas]

Thanks. I learned from this video:
Ctrl + \ to open side by side windows
Crtl + [number] to switch between them

[alivelidurali]

CTR + W: Close files
CTR + P: Find files
CTR + Tab: Switch windows
CTR + SHIFT + P: Command Palette (for commands)

[Jmfufghf]

The last thing you do is close the window by clicking the x with your mouse which I thought was really funny because this is about using the keyboard but I agree with you I use those shortcuts too and find them way faster than using just a mouse

[kobbyisvalid]

CTRL+X is going to cut the line, but to delete the line you can use CTRL+SHIFT+K

[snceethernity]

one of the ones I like the most is alt f4, I use it whenever an error appears, it always disappears

[sanjeevsharma]

Hi Lama dev, Please make more projects on MERN

[abhiraaid]

Holding Alt will toggle Top Bar menus, use Arrow keys and Esc key to navigate!

[muhammadisa]

This is all I needed to become more efficient, Thanks a lot for sharing all the shortcuts and vs code hacks!

[PURPLECUT]

i find ctrl + j to be a easier command for terminal not sure if there is a difference tho (over ctrl + `)

[it_is_ni]

The explanation around Ctrl-P is a bit confusing: it has nothing to do with which files are open. Instead it can open any file in your project.

[YasirKhan-hbhv]

you missed out one important shortcut i.e emmet abbreviation.
if you write .my__div and press enter it will create a div with classname my__div.
if you write h1.my__heading or any element and press enter it will create a h1 elem with classname my__heading.
Correct me if I'm wrong brothers.

[mtsla]

Hi, lama dev, your channel is the ultimate shortcut for frontend developers. You are just awesome, very grateful for your sharing !

[ogbukelechi]

Thanks Lama. Please i ask for one favour . can u teach the forgotten password login with node js and react frontend .im a learner and i have been having that issue for a while..thanks and i hope u see this. you're the best sir

[GodYutaru]

Thanks a lot, this video is very helpful! ❤
I'd like to add one of my favorite: CTR + SHIFT + F you can find anything in your project

[Corntrop]

Thank you so much i was always wondering how you could choose same texts. Now i know. You are the best

[nithinraj]

Hi bro, could you make some projects related to nest.js or react-native or flutter.

[MohammadFarhaanKhan]

A: Commenting code:
CTRL+K creates a -BREAKPOINT-. Breakpoints don't respond to CTRL+/ so highlight your code, use CTRL+K to remove the breakpoint; then press CTRL+/ to uncomment your block. Also CTRL + / TO comment out the line or selected lines see point (J)
B: opening Terminal: CTRL + ` button.
C : Navigating in between opened files in visual studio code editor using:
ALT + 1 , ALT + 2, ALT + 3 etc for opening file in first file, second file, and third file respectively depending upon the location from file explorer.
CTRL + P to activate search functionality in case if we are working on multiple tabs (file opened) and just typed the name of file and get make it opened and now no need to count or keep remember the file count as in case of first short-cut. Like ALT+1, 2, 3 etc.
D: closing the opened file in editor: CTRL + W , is he short-cut to close the single file at which u are working right now.
To close all the Tabs or the opened file in the editor you can use the short-cut = CTRL + K + W
E: CREATING FOLDER: click on create folder icon in side bar of file explorer, FOLDER > FOLDER2 inside folder > my app.jss

F: CLOSING THE SIDE BAR (File explorer) : CTRL + B
G: ZOOM CONTROL : Zoom in : CTRL + =
Zoom out : CTRL + --
H: SPLIT VS CODE SCREEN TO SEE / WORK TWO FILES SIMULTANEOUSLY: CTRL +\
And to switch between two splitted screen use short cut CTRL 1 AND CTRL 2 to switch between screen 1 and 2 respectively.

I: To clear Terminal : type clear in terminal

J:SELECTING TEXT/CODE: CTRL + ARROW LEFT OR RIGHT TO select text or code left or right .
CTRL + ARROW UP OR DOWN to select lines of code from top to or to top from bottom respectively.
K:DELETING : CTRL + X to delete a particular line where your cursor is at right now .on that particular line.
L:COPYING LINES OF CODE: ALT + SHIFT + ↓ KEY TO copy lines of code downward.
M: CTRL + D to select multiple item and than change/edit/or replace your desired text. You just need tochoose your initial point . and select one by one using ctrl +d
N: ALT + CLICK LEFT CLICK, keeping the alt press and clicking all those location where you want to type the same text or the code you want.
O: CTRL + D to select lines or code block and than you can use ALT+↓ and ALT+↑ key to move your code or line to upside or down where you want to put the code .or the text.
P: CTRL+SHIFT+O to get list of all your functions, methods, variables and etc, no need to scroll throughout the whole code .Just scroll the list afte the short code.
Q: Hover over the Function, variable, or the method etc that you are confused or trying to figure out where did it come from or where did it was first time declared first time than just hover over that piece and press CTRL I.E. HOVER+ CTRL

[atifuzzaman]

Alt+F12 to a function to view its definition over there.