Visual Studio Code is an integrated development environment (IDE) built and maintained by Microsoft. It is offered free of charge.

vscode

Gain efficiency in navigating and manipulating text in VSCode. If all you’re using right now is your mouse, you’re leaving a lot on the table in terms of efficiency. 

VSCode gives you the ability to detect patterns in text and manipulate those patterns as you see fit. e.g. when you’re renaming a variable, you don’t want to rename just the declaration but all the uses of that variable in one file. Do so in just a few key presses.

Even if you are not a heavy VIM user and you are a VSCode user using the vim mode in VSCode can be very beneficial and give a productivity boost.

In this lesson, you will learn how to install a vim emulator on VSCode and get to know a few navigations tricks that will help you edit your code faster.


Use VIM mode in VSCode

Using multiple cursors is a fantastic way to speed up your productivity when working with and refactoring code in VSCode. Learn four different ways to use multiple cursors with VSCode.

Use Multiple Cursors with VSCode

Numbered bookmarks will allow us to select a block of code, bookmark it and easily navigate back to it using the bookmark number.

In this lesson, you will learn how to use the `Numbered Bookmarks` extension to navigate your code faster.

### Keyboard Shortcuts

The default keyboard shortcut for adding a code bookmark is `cmd+shift+#` where `#` is a number from 0 to 9, This might interfere with other system's keyboard shortcuts like taking a screenshot `cmd+shift+4` and `cmd+shift+4`. You can change the default one to `shift+alt+#`.

To navigate bookmarks you can use `cmd+#` where `#` is your bookmark number

Navigate through code faster in VSCode using Numbered Bookmarks

Expanding and shrinking selection with VSCode's built-in intelligent selection feature makes refactoring code a breeze. In this lesson, learn how to do this with the `⌃⇧⌘←` and `⌃⇧⌘→` keyboard shortcuts.

Expand and Shrink Selection with VSCode

The VSCode Dimmer extension is great when you want to show and explain code to someone. It helpfully dims the code that's not relevant to the selected line, making it easier for your audience to focus on what you want them to.

Text Manipulation in VSCode

Ian Jones

Course Content