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.
Favorite VSCode Extensions: • Best VS Code Extension...
Support the channel: / @lamadev
Buy me a coffee: www.buymeacoffee.com/lamadev
Join Lama Dev groups
Facebook: / lamadev
Instagram: / lamawebdev
Discord: / discord
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

[@hisoka4736]

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

[@rvft]

Also if you set CMD as default terminal then clear won't work, instead you should use "CLS"

[@paladin80lvl]

You can actually mentally clear the terminal, just close your eyes

[@rvft]

@@paladin80lvl Ah yes, Russian way

[@nielsbom5558]

@@rvft That would be: in Soviet Russia terminal clears you.

[@diyshow888]

It works 👍

[@martinmajtan8119]

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)

[@diwakar8815]

I completed the rest🙃 Productivity shortcuts 1 Ctrl+Shift+O to find variable/function name quickly 2 Ctrl+G to go to line number 3 Hover mouse over functions,images,links to see what they are coded as 4 Learn Framework related shortcuts

[@martinmajtan8119]

@@diwakar8815 Thanks I had job interview so I didnt have time

[@vlastimilslechta8927]

Thanks for that X

[@dark_star1]

🤍💜🔥

[@mdiqbalhossain9832]

Thank you

[@alivelidurali]

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

[@matheusosa]

ALT + F4: Refresh page

[@SR-ti6jj]

@@matheusosa I tried this and it deleted my life's work. Thanks a lot

[@user-ou6ct1he7w]

@@matheusosa This is really effective. I just tried.

[@muhammadisa440]

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

[@m3tsla629]

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

[@pradumanpandey6065]

Thank you very much for this shortcuts, Specially for ctrl + g for directly moving to the line.

[@Corntrop]

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

[@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

[@Ace-pi8lm]

Bro you're the best... such an inspiration. Learning a lot from. Please keep making more videos. I'm your biggest fan now.

[@nguyenthuan6661]

Thank you so much Lama. If there's a summary of all the shortcuts that used in the video, that would be very great.

[@paschalynukwuani6980]

Wow. Lama this is amazing. Thank you for uploading this video.

[@tunjigeorge5666]

This is really an eye opener. Great content 👌

[@theatypicaldeveloper]

ctrl + h for find and replace - one of my favourites, thanks for sharing :)

[@tauhidhasan2197]

You are a great teacher... I learned a lot from you.

[@RianY2K]

Thank you for this vs code tips 👍

[@alimamedov9684]

Mükemmelsin, Safak. Projelerin için sana çok teşekkür ederim. You are super!

[@GabrielMartinez-ez9ue]

Thank you! very very useful

[@emanuelbenitez880]

Excelente profesor... contenido de calidad.

[@persas1683]

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

[@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

[@John-sl5zz]

this was really so helpful thanx a ton

[@FreeTechnoOnlineCodingandIT]

Hey, thanks for the shortcuts 👏🏽👏🏽❣❣

[@marimuthur9456]

It's very useful thank you so much for your knowledge sharing keep posting like this 😊👌🏼👌🏼👌🏼

[@xyancpo]

Thank you this video is life helper

[@alexanderkomanov4151]

So useful! Thanks!!!

[@woofcode3383]

Thanks so much Lama you da bestttt!!!!

[@NNNedlog]

Thanks a lot for these videos

[@frontend_notes]

Thank, extremely useful 👍

[@pravinromano8774]

Thank you so much for the tips sir

[@challow90221]

Just wanted to say thank you for this shortcut tutorial on VS Code. Just an update… @9:36 while toggling the “find and replace” feature, if you have a Mac, the key-binding/keyboard shortcut {command + h} is the default global application hide toggle and its non changeable(at least not easily/conventionally changeable) system level command like Command + -C, -V, or -X, etc. I believe the alternate key for toggling “find and replace”, would be (Command + shift + H) which should work but if your hell-bent on using (Command + H) there is likely a way to reassign the shortcut by using BetterTouchTool or even 3rd party applications such as QuiKeys or Karabiner. I found all this out when I tried to use the (command + H) to use the find and replace feature in VS Code and it kept hiding my apps smh. Then I tried to change the shortcut through conventional means via the system preferences, but these system shortcuts are hidden so you can’t easily change/reassign them. Hope this helped and save you precious time. For more help press (command + shift+ p) and type in keyboard shortcuts.

[@alb12345672]

I have a 12 button gaming mouse. You can program lots of those shortcuts! Don't even have to touch the keyboard!

[@leelynnchanel]

I just want you to know that you are so amazing! I love your tutorials and I’ve successfully created a food ordering app watching them! Would you consider create an online educational platform like preply or Udemy with live online teaching features? That would inspire me to create a community online university in Southeast Asia to help people. But regardless, keep up the good work and thank you for everything!

[@grx4.067]

Hi ! I really like the way you explain each and every thing Can you also make tutorials on chrome extension development

[@usamaahmad6669]

I love to Lama Dev Because safak is a legend person and full expert in programming (React).I understand very well in little time due to lama dev. Thanks man. Love from Pakistan.

[@davidvardanyan7986]

Great video, thanks

[@wisdomelue]

very useful, thanks

[@webhook4729]

Thank you so much sir

[@minhthienn4081]

Thank you sir!

[@user-po1oi9nu5x]

thank you sir🙌🙌

[@K.Huynh.]

thank you for sharing!

[@mr.v.sanjay9847]

thank you so much

[@lazygamer6249]

Great. Make more videos of daily usage of shortcuts. Thank you

[@inyangcharles3046]

CTR LOVE: i love this thank you

[@MrVipulLal]

Great flow. Thanks for the video

[@Lamadev01_for_help_telgraam_me]

👆Send a direct message for help 🆙 ⬆️…

[@bennailyes9303]

Thank you a lot safak, I appreciate your time, please make a big project on MERN like a real estate or ticket system

[@damianwasilewski6928]

I heard about Ctrl+Shift+O for the first time, but definietly gonna be using it :D

[@mkvk32]

very helpful, thx

[@mspconstructions2406]

Thank you so much :)

[@bekzodqodirov6287]

thnk you man, appreciate your work

[@Lamadev01_for_help_telgraam_me]

👆Send a direct message for help 🆙 ⬆️…

[@aouncheema3838]

Great video

[@samueloliveira4465]

Great video 🇧🇷

[@Henry-mg1ro]

What a Developer👍

[@mehdizeynalov1062]

Tesekkurler mukemmeldi.

[@user-on8jd7tk3t]

In 13:06 you can also use ctrl + f in windows or cmd + f in mac.

[@kobbyisvalid]

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

[@asheytm]

or CTRL L and Backspace

[@asheytm]

faster

[@mehmetsayn573]

Lama adamsın çok beğeniyorum videolarını

[@iqwebserve3973]

Great video. I am sure someone mentioned, but switching tabs on Mac is Ctrl + #. Thanks

[@ZahidHussain-hj2dk]

Where had u gone lama ...? We are really missing your projects... Plz bring some more magic as we learnt a lot from u... Love from Pakistan

[@jeejay6714]

çok işimi gördü eline sağlık

[@lev_bul]

thank you

[@s1nceethernity697]

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

[@MilesNnaji]

You just made me close my vscode I didn’t save my work i wasn’t thinking i clicked alt f4 the vscode application just logoff including all my terminal

[@The-Dev-Ninja]

thanks

[@inkxk]

very useful

[@5211486]

thanks bro. love from Pakistan.

[@zulfiqar7967]

Do more nextjs projects with web3 .. it's quite interesting

[@sanjeevsharma4819]

Hi Lama dev, Please make more projects on MERN

[@hakkicengiz]

harikasın bro 🔥

[@aditya6431]

these are like super powers :) just like "superhuman" is for emails. "making small improvements on a daily basis can lead to a significant difference in the long-run" - Atomic Habits [James Clear]

[@ogbukelechi7749]

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

[@zuzukouzina-original]

Thnx for this awesome video. But I do recommend you to learn Vim, there’s an extension for vscode called Vim.

[@eliodrallag4806]

Much better than vs code cheat sheet pdf file.

[@krallar09]

Adam geldi adam

[@abhiraaid]

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

[@redokus]

Is there a shortcut key combo to jump to the beginning of the line below? like if the cursor is in the middle of the line it will create a new line and be at the beginning

[@alexandersamokhin]

To clear terminal I’m always using Ctrl+L. Saw this trick in Cs50.

[@nithinraj342]

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

[@Lamadev01_for_help_telgraam_me]

👆Send a direct message for help 🆙 ⬆️…

[@TheWilDOn31]

with selecting text maybe you meant Ctrl + Shift + arrow

[@heavypanda]

6:15 btw for clear terminal you can use CTRL+L

[@techyguy7776]

Lama my man I wish I could donate to you but I am not earning yet but I really appreciate the high quality tutorials that you provide for free I mean I am really sorry that I cannot support you I any way possible!!

[@LamaDev]

Man, your comment is more than enough for me.

[@techyguy7776]

@@LamaDev You are too generous!!

[@jay8118]

@@LamaDev feeling same as a student...will surely pay something after I start earning

[@ankitdubey9310]

In a few years time you would be the most famous YTer in this segment

[@debankanmitra2425]

is this a vim replacement? or still is should go for vim?

[@coder5336]

Omg best teacher ever. I'll start practising tomorrow. Can somebody recommend any good keyboard?

[@khalil26_79]

Any type is enough bro just know how to use it

[@johnkucharsky6927]

A4tech

[@ajaysh73]

Can I sort on columns? I have big txt files with numbers in there but I want to sort records based on values in them from col A to Col B.

[@AniketSingh-hr8mi]

i love your videos so much. you should make courses. they would sell like cupcakes

[@Wilfer_Suarez]

nice

[@peterloc]

how can you make the circle color around affect on youtube's like and dislike bottom at the end of video?

[@DuyTran-ss4lu]

Great

[@RaviSharma-wd3rd]

You are really best teacher But can u plz help me .. can u please create a progress checker .. just like in UDEMY we check our progress how they can do this ... Plz make video on it ...plz

[@abdulahnaser6292]

Can you make an emailjs in register with React and Node. Js?

[@PURPLECUT]

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

[@emberavenge7162]

As far I know there's not really a difference, it's just preference

[@rossdafodil7931]

adding the -r tag to code in the terminal will open it in the current vscode window

[@Lamadev01_for_help_telgraam_me]

👆Send a direct message for help 🆙 ⬆️…

[@ritulbhatnagar1502]

Hi lama, Please make video on error handling in expressjs

[@miroslavmusilek2244]

Learn the vim, install vim extension to the VS code and problem is solved. After that you are not dependent on specifically IDE a their shortcuts. In other words, you have only once interface (vim) for anything else e.g serverside, browser(vimuin, vixen), IDE(vscode, phpstorm, webstorm, nvim...) with the benefit vim motions h,j,k,l for most unix controls

[@staruop2780]

in my vsc idk why alt+shift+arrow up down is slecting multi lines not copy pesting it please someone help me

[@raypan8051]

The ctrl hover now will not show the definition of the variable/function, instead, it only shows the type and basic info of that variable/function. I have tried different laptop and Golang and Python files. Did I miss some extensions? For mac user, option + F12 will give a peek of the definition of the variable/function, but still , not like the one you showed in the video. Any ideas?

[@paulliu6057]

on macOS it's cmd + k + i to show the hover info for like functions/variables/packages in golang file on my side.

[@arunkashyap3479]

6:45 and what is the shortcut if I want to go at the end of that line directly to write next line please reply if anyone know this

[@chesterxp508]

GoodJob!

[@maheshkumar8210]

How Can Record my screen for hours in windows 11 bro ?? Any applications or ideas ?

[@xixixi3250]

its useful thx

[@yuvaraj8492]

That Ctrl x = 👍🏽.

[@fanegantosin2973]

What more can I say... Thanks for this Pls do make school or hospital management system t