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

Поділитися
Вставка
  • Опубліковано 22 лис 2024

КОМЕНТАРІ • 207

  • @hisoka4736
    @hisoka4736 2 роки тому +217

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

    • @rvft
      @rvft 2 роки тому +1

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

    • @SIGMA_BLYAT
      @SIGMA_BLYAT 2 роки тому +39

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

    • @rvft
      @rvft 2 роки тому +9

      @@SIGMA_BLYAT Ah yes, Russian way

    • @it_is_ni
      @it_is_ni 2 роки тому

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

    • @diyshow888
      @diyshow888 2 роки тому

      It works 👍

  • @alivelidurali
    @alivelidurali 2 роки тому +64

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

    • @matheusosa
      @matheusosa 2 роки тому +2

      ALT + F4: Refresh page

    • @SR-ti6jj
      @SR-ti6jj 2 роки тому +8

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

    • @张生-j3h
      @张生-j3h Рік тому

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

  • @martinmajtan8119
    @martinmajtan8119 2 роки тому +45

    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
      @diwakar8815 2 роки тому +2

      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
      @martinmajtan8119 2 роки тому +1

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

    • @vlastimilslechta8927
      @vlastimilslechta8927 2 роки тому +1

      Thanks for that X

    • @dark_star1
      @dark_star1 2 роки тому

      🤍💜🔥

    • @mdiqbalhossain9832
      @mdiqbalhossain9832 2 роки тому

      Thank you

  • @muhammadisa440
    @muhammadisa440 2 роки тому +8

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

  • @pradumanpandey6065
    @pradumanpandey6065 2 роки тому +1

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

  • @GodYutaru
    @GodYutaru 2 роки тому +3

    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

  • @theatypicaldeveloper
    @theatypicaldeveloper 2 роки тому +1

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

  • @persas1683
    @persas1683 2 роки тому +1

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

  • @Corntrop
    @Corntrop 2 роки тому +3

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

  • @m3tsla629
    @m3tsla629 2 роки тому +6

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

  • @Jmfufghf
    @Jmfufghf 2 роки тому +7

    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

  • @nguyenthuan6661
    @nguyenthuan6661 2 роки тому +6

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

  • @Ace-pi8lm
    @Ace-pi8lm 2 роки тому +2

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

  • @challow90221
    @challow90221 2 роки тому +6

    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
      @alb12345672 2 роки тому +1

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

  • @kobbyisvalid
    @kobbyisvalid 2 роки тому +13

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

    • @asheytm
      @asheytm 10 місяців тому

      or CTRL L and Backspace

  • @usamaahmad6669
    @usamaahmad6669 2 роки тому

    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.

  • @MohammadFarhaanKhan
    @MohammadFarhaanKhan 2 роки тому +2

    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

    • @cchelseacxx
      @cchelseacxx Рік тому

      👆Send a direct message for help 🆙 ⬆️…

    • @TheWilDOn31
      @TheWilDOn31 Рік тому

      with selecting text maybe you meant Ctrl + Shift + arrow

  • @aditya6431
    @aditya6431 2 роки тому +1

    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]

  • @iqwebserve3973
    @iqwebserve3973 Рік тому

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

  • @paschalynukwuani6980
    @paschalynukwuani6980 2 роки тому

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

  • @ZahidHussain-hj2dk
    @ZahidHussain-hj2dk 2 роки тому +1

    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

  • @RianY2K
    @RianY2K 2 роки тому +2

    Thank you for this vs code tips 👍

  • @tunjigeorge5666
    @tunjigeorge5666 Рік тому

    This is really an eye opener. Great content 👌

  • @damianwasilewski6928
    @damianwasilewski6928 2 роки тому

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

  • @abhiraaid
    @abhiraaid Рік тому

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

  • @bennailyes9303
    @bennailyes9303 2 роки тому +1

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

  • @MrVipulLal
    @MrVipulLal Рік тому

    Great flow. Thanks for the video

    • @cchelseacxx
      @cchelseacxx Рік тому

      👆Send a direct message for help 🆙 ⬆️…

  • @Henry-mg1ro
    @Henry-mg1ro 2 роки тому

    What a Developer👍

  • @alimamedov9684
    @alimamedov9684 2 роки тому

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

  • @marimuthur9456
    @marimuthur9456 2 роки тому

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

  • @tauhidhasan2197
    @tauhidhasan2197 2 роки тому

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

  • @inyangcharles3046
    @inyangcharles3046 2 роки тому

    CTR LOVE: i love this thank you

  • @GabrielMartinez-ez9ue
    @GabrielMartinez-ez9ue 2 роки тому +1

    Thank you! very very useful

  • @s1nceethernity697
    @s1nceethernity697 2 роки тому +10

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

    • @MilesNnaji
      @MilesNnaji Рік тому +2

      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

  • @sanjeevsharma4819
    @sanjeevsharma4819 2 роки тому +1

    Hi Lama dev, Please make more projects on MERN

  • @John-sl5zz
    @John-sl5zz 2 роки тому

    this was really so helpful
    thanx a ton

  • @techyguy7776
    @techyguy7776 2 роки тому +2

    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
      @LamaDev  2 роки тому +3

      Man, your comment is more than enough for me.

    • @techyguy7776
      @techyguy7776 2 роки тому

      @@LamaDev You are too generous!!

    • @jay8118
      @jay8118 2 роки тому

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

  • @Reel_InsightYT
    @Reel_InsightYT 2 роки тому +1

    Thank you so much sir

  • @woofcode3383
    @woofcode3383 2 роки тому

    Thanks so much Lama you da bestttt!!!!

  • @alexanderkomanov4151
    @alexanderkomanov4151 11 місяців тому

    So useful! Thanks!!!

  • @bekzodqodirov6287
    @bekzodqodirov6287 Рік тому

    thnk you man, appreciate your work

    • @cchelseacxx
      @cchelseacxx Рік тому

      👆Send a direct message for help 🆙 ⬆️…

  • @NNNedlog
    @NNNedlog 2 роки тому

    Thanks a lot for these videos

  • @eliodrallag4806
    @eliodrallag4806 2 роки тому

    Much better than vs code cheat sheet pdf file.

  • @coder5336
    @coder5336 2 роки тому +1

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

  • @emanuelbenitez880
    @emanuelbenitez880 2 роки тому +3

    Excelente profesor... contenido de calidad.

  • @FreeTechnoOnlineCodingandIT
    @FreeTechnoOnlineCodingandIT 2 роки тому

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

  • @xyancpo
    @xyancpo Рік тому

    Thank you this video is life helper

  • @zuzukouzina-original
    @zuzukouzina-original 2 роки тому

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

  • @davidvardanyan7986
    @davidvardanyan7986 2 роки тому

    Great video, thanks

  • @pravinromano8774
    @pravinromano8774 2 роки тому

    Thank you so much for the tips sir

  • @zulfiqar7967
    @zulfiqar7967 2 роки тому +2

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

  • @frontend_notes
    @frontend_notes 2 роки тому

    Thank, extremely useful 👍

  • @PURPLECUT
    @PURPLECUT 2 роки тому +3

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

    • @emberavenge7162
      @emberavenge7162 2 роки тому +1

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

  • @ankitdubey9310
    @ankitdubey9310 2 роки тому

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

  • @thecoderhenry
    @thecoderhenry 2 роки тому +2

    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

  • @lazygamer6249
    @lazygamer6249 2 роки тому

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

  • @leelynnchanel
    @leelynnchanel 2 роки тому +3

    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!

  • @mehmetsayn573
    @mehmetsayn573 2 роки тому

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

  • @K.Huynh.
    @K.Huynh. 2 роки тому

    thank you for sharing!

  • @HARRYTandel-p1q
    @HARRYTandel-p1q Рік тому

    thank you sir🙌🙌

  • @RaviSharma-wd3rd
    @RaviSharma-wd3rd 2 роки тому

    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

  • @nithinraj342
    @nithinraj342 2 роки тому +3

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

  • @alexandersamokhin
    @alexandersamokhin 2 роки тому +1

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

  • @TigranKheranyan-c1s
    @TigranKheranyan-c1s 2 роки тому

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

  • @ashik_dev
    @ashik_dev 4 місяці тому

    very helpful video.

  • @minhthienn4081
    @minhthienn4081 Рік тому

    Thank you sir!

  • @aouncheema3838
    @aouncheema3838 2 роки тому

    Great video

  • @YasirKhan-hb9hv
    @YasirKhan-hb9hv 2 роки тому

    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.

  • @mr.v.sanjay9847
    @mr.v.sanjay9847 10 місяців тому

    thank you so much

  • @5211486
    @5211486 Рік тому

    thanks bro. love from Pakistan.

  • @mspconstructions2406
    @mspconstructions2406 2 роки тому

    Thank you so much :)

  • @wisdomelue
    @wisdomelue 2 роки тому

    very useful, thanks

  • @fabrice9848
    @fabrice9848 2 роки тому

    Many beginners don't see the point of using keyboard shortcuts.
    But once you master them, you just get so much faster.

    • @peterbelanger4094
      @peterbelanger4094 Рік тому

      Some people just hate extra keyboard use, and or have terrible dexterity and are always slow with a keyboard. I have been using computers heavily since the 1980's, my fingers have never learned the keyboard well. i just have terrible coordination I guess. But I also suck at remembering the key combos, it's all so cryptic. It's an alien way of thinking to me.
      And now I have carpal, which makes keyboard accuracy worse.
      I like clicking on things with a mouse, sorry if that offends the keyboard snobs. Am I somehow less than because I am more visually oriented and prefer using guis? Must I be degraded as a 'noob' because I am not part of the keyboard 'l33t'?
      Curse my inferior fingers!!!!!!!
      I hate keyboard shortcuts in general, always have, for decades.

    • @fabrice9848
      @fabrice9848 Рік тому

      @@peterbelanger4094 I never implied that people using their mouse were stupid or somehow inferior.
      I'm only encouraging them to learn how to take advantage of the possibilities offered by the keyboard.
      Because it really is a useful skill, whether you want to make a career in the IT field or not.
      Nothing snob in there, just a thoughtful advice.

  • @samueloliveira4465
    @samueloliveira4465 2 роки тому

    Great video 🇧🇷

  • @rossdafodil7931
    @rossdafodil7931 2 роки тому

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

    • @cchelseacxx
      @cchelseacxx Рік тому

      👆Send a direct message for help 🆙 ⬆️…

  • @PRIYANKASharma-uv8lx
    @PRIYANKASharma-uv8lx 2 роки тому

    Your video is helpful. Can a 45 years old person also get a entry level job after learning html CSS js. Please suggest. Thanks

  • @it_is_ni
    @it_is_ni 2 роки тому +3

    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.

  • @miroslavmusilek2244
    @miroslavmusilek2244 2 роки тому

    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

  • @debankanmitra2425
    @debankanmitra2425 Рік тому

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

  • @heavypanda
    @heavypanda 2 роки тому

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

  • @mehdizeynalov1062
    @mehdizeynalov1062 7 місяців тому

    Tesekkurler mukemmeldi.

  • @grx4.067
    @grx4.067 2 роки тому

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

  • @krallar09
    @krallar09 2 роки тому

    Adam geldi adam

  • @hakkicengiz
    @hakkicengiz 2 роки тому

    harikasın bro 🔥

  • @lev_bul
    @lev_bul 2 роки тому

    thank you

  • @jeejay6714
    @jeejay6714 2 роки тому

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

  • @inkxk
    @inkxk 2 роки тому

    very useful

  • @peterloc
    @peterloc 11 місяців тому

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

  • @AniketSingh-hr8mi
    @AniketSingh-hr8mi 2 роки тому

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

  • @pexeixv
    @pexeixv 2 роки тому +1

    use `code folderName -r` to open the folder in the same window.

  • @fanegantosin2973
    @fanegantosin2973 2 роки тому

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

  • @ritulbhatnagar1502
    @ritulbhatnagar1502 2 роки тому

    Hi lama, Please make video on error handling in expressjs

  • @redokus
    @redokus 2 роки тому

    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

  • @maheshkumar8210
    @maheshkumar8210 2 роки тому

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

  • @The-Dev-Ninja
    @The-Dev-Ninja 2 роки тому

    thanks

  • @abdulahnaser6292
    @abdulahnaser6292 2 роки тому

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

  • @ajaysh73
    @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.

  • @tusharagarwal5306
    @tusharagarwal5306 2 роки тому +1

    Please use your mechanical keyboard for your future videos, I can watch even a 10 hour video with that sound 16:31

  • @atifuzzaman
    @atifuzzaman 2 роки тому

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

  • @yuvaraj8492
    @yuvaraj8492 2 роки тому

    That Ctrl x = 👍🏽.