1. Jump to Matching Parentheses or Braces

function matchingBraces() {
  if (true) {
    console.log("Jump between these braces using %");
  }
}

2. Visual Block Editing

Use <C-v> to select a block of text and edit all rows simultaneously.

const ock1 = "Edit me!";
const ock2 = "Edit me!";
const ock3 = "Edit me!";

3. Move by Search History

Use /log to search for “log”, then press n to move to the next match and N for the previous match.

console.log("Search for this log statement.");
console.log("Another log statement.");

4. Try ci" or di" to modify or delete the text inside these quotes.

const greeting = "Change or delete this text.";
const foo = () => {
console.log("Vim is awesome");
};

5. Repeat the Last Command

Delete this line using dd, then press . on the next line to repeat the delete.

const repeatCommand = "Repeat this delete.";

6. Replace Text Globally

Use :%s/old/new/g to replace all instances of “old” with “new”.

const oldVariable = "Replace all 'old' instances.";

7. Swap Two Lines

Use ddp to swap this line…

console.log("This line should be swapped below...");

8. Increment/Decrement Numbers

Place your cursor on the numbers below and press <C-a> to increment or <C-x> to decrement.

let number = 40; // Increment or decrement this number.

9. Reformat Code

Select this block of code and press = to auto-indent it.

function messyCode() {
const foo = "fjkdj";
}

10. Toggle Case

Place your cursor on the text below and press ~ to toggle its case.

const caseToggle = "Toggle This Case.";