2019-08-13
1712
Maciej Cieślar
4354
Aug 13, 2019 ⋅ 6 min read

Learn these keyboard shortcuts to become a VS Code ninja

Maciej Cieślar A JavaScript developer and a blogger at mcieslar.com.

Recent posts:

Using ElectricSQL to build a local-first application

ElectricSQL is a cool piece of software with immense potential. It gives developers the ability to build a true local-first application.

Rahul Padalkar
Dec 1, 2023 ⋅ 11 min read
Using Rust And Leptos To Build Beautiful Declarative User Interfaces

Using Rust and Leptos to build beautiful, declarative UIs

Leptos is an amazing Rust web frontend framework that makes it easier to build scalable, performant apps with beautiful, declarative UIs.

Eze Sunday
Nov 30, 2023 ⋅ 10 min read
5 Best JavaScript Multi-Dimensional Array Libraries

5 best JavaScript multidimensional array libraries

Learn more about the 5 best JavaScript libraries for dealing with multidimensional arrays, such as ndarray, math.js, and NumJs.

Pascal Akunne
Nov 30, 2023 ⋅ 4 min read
Natalie Adams Barnes, VP Of Product And Product Design At Zumba

Leader Spotlight: Dancing in customers’ shoes, with Natalie Adams Barnes

Natalie Adams Barnes, VP of Product and Product Design at Zumba, pulls back the curtain on her approach to prioritization and the user research methods that help her team walk — or, perhaps, dance — in their customers’ shoes.

Kate Trahan
Nov 30, 2023 ⋅ 7 min read
View all posts

11 Replies to "Learn these keyboard shortcuts to become a VS Code ninja"

    1. Hey Andy, thanks for the comment. I’m the Marketing Intern here at LogRocket and after reading your comment, I couldn’t agree more. Click here for the cheat sheet which can be printed on a double-sided single page. I hope you may find this useful!

  1. Thanks for this, Maciej. Really helpful. I’m reading the 20th anniversary edition of the The Pragmatic Programmer and just read the section about becoming skilled with your editor’s shortcuts. Your article and cheat sheet here are super-helpful resources for achieving this outcome. Note: in VSC, I’m a frequent user of ⌘ + t to quickly search for any file I want and ⌘ + \ to open and hide the side panel so I can focus on the file I’m working in.

  2. This is a great article. I like the systematic approach from opening the right editor windows all the way down to tracking a path in source code. Well done!

  3. Enjoyed this post. Learning keyboard shortcuts is worth the effort. My goal is to be able to throw away my mouse!

    I think using vscodevim is very helpful with this; Two of my favorite shortcuts right now which are built into vsvim are gd and gw

    gd – go to definition (reaching for the f-keys is difficult)
    gh – go to hover – show the result of a mouse hover – (show what type var is, or full namespace names)

  4. Yeah, the one thing that I can’t find on VSC which is there in the Visual C++ IDE is Ctrl+PgUp and Ctrl+PgDn bringing you to the top and bottom of screen immediately – which since I miss it entirely I apparently use a ton. It speeds up the coding and since coding is mostly secretarial work this is important… I also couldn’t find a command to do this in the command palette and neither an extension that offers this functionality. I’d take anything…

  5. Another bit of missing and oft-used functionality is “transpose words around the cursor”. In Visual C++ IDE this is Shift+Ctrl+T (if I remember correctly). There is “transpose characters around the cursor” functionality in Visual Studio Code however this is used much less often. I find myself wanting to use “transpose words around the cursor” 3-4 times a day and it just isn’t available… ;-(

  6. Maybe the VS Code folks changed the shortcuts for Mac. When I’m in Explorer and hit enter on a folder I get the option to rename it, not open it. Right arrow opens the folder.

Leave a Reply