Note
This is a re-post of the original article in dev.to. Dev.to has an abysmal bug where GIFs aren't displayed properly, rendering the article unreadable.
Around a year ago, I published the article “10 VS Code Vim Tricks to Boost Your Productivity ⚡”, which I shared various tips for the VSCodeVim extension. Turns out that the article was a hit, so allow me to share a few more VS Code Vim tips that I have up my sleeves 😆.
Prerequisites:
| [ | |
| // Tabs - Reorder with "Shift + Left/Right" | |
| { | |
| "key": "shift+left", | |
| "command": "-cursorColumnSelectLeft", | |
| "when": "editorColumnSelection && textInputFocus" | |
| }, | |
| { | |
| "key": "shift+left", | |
| "command": "-cursorLeftSelect", |
| { | |
| "vim.leader": "<space>", | |
| "vim.normalModeKeyBindings": [ | |
| // Tabs | |
| { | |
| "before": ["H"], // Focus previous tab at the left | |
| "commands": ["workbench.action.previousEditor"] | |
| }, | |
| { | |
| "before": ["L"], // Focus next tab at the right |
| [ | |
| { | |
| "key": "h", | |
| "command": "editor.action.scrollLeftHover", | |
| "when": "editorHoverFocused" | |
| }, | |
| { | |
| "key": "j", | |
| "command": "editor.action.scrollDownHover", | |
| "when": "editorHoverFocused" |
| { | |
| "vim.smartRelativeLine": true, | |
| "editor.cursorSurroundingLines": 8, | |
| "editor.wordSeparators": "`~!@#$%^&*()=+[{]}\\|;:'\",.<>/?", | |
| "vim.leader": "<space>", | |
| "vim.normalModeKeyBindings": [ | |
| { | |
| "before": ["<leader>", "e"], | |
| "commands": ["workbench.view.explorer"] | |
| }, |
| # Run `python pipsize.py` in Terminal to show size of pip packages | |
| # Credits: https://stackoverflow.com/a/67914559/11067496 | |
| sort_in_descending = True # Show packages in descending order | |
| import os | |
| import pkg_resources | |
| def calc_container(path): | |
| total_size = 0 |
| { | |
| "$schema": "https://raw.githubusercontent.com/JanDeDobbeleer/oh-my-posh/main/themes/schema.json", | |
| "blocks": [ | |
| { | |
| "alignment": "left", | |
| "newline": true, | |
| "segments": [ | |
| { | |
| "foreground": "lightYellow", | |
| "style": "plain", |
| /* Tweet: https://twitter.com/AnsonH_/status/1439546876718551049?s=20 */ | |
| /* First photo */ | |
| function myFunc(a, b, ...args) { | |
| // Remaining arguments are stored in `args` array | |
| console.log("a: ", a); | |
| console.log("b: ", b); | |
| console.log("args: ", args); // This is an array! | |
| } |
| /* Tweet: https://twitter.com/AnsonH_/status/1437398568055181314?s=20 */ | |
| /* Sleep function */ | |
| async function sleep(ms) { | |
| return new Promise((resolve) => setTimeout(resolve, ms)); | |
| } | |
| /* Example */ | |
| async function takeNap() { |
| /* Tweet: https://twitter.com/AnsonH_/status/1436669886055415816?s=20 */ | |
| function slowFunction() { | |
| for (let i = 0; i < 999999999; ++i) { | |
| // do something... | |
| } | |
| } | |
| /***** Browser example *****/ |
