Hello friends, I'm now on Twitter 🐦 twitter.com/SuboptimalEng

When you learn Vim you never want to edit code without it, it's so incredibly efficient and ergonomic

Another simpler way to enable tabs: Go to the normal keybinding as you show in the video and right click on it. Select the "Change When Expression" and remove the !editorReadonly option. Same for outdent and shift tab.

Having switched from mac to pc, it takes a lot of effort to map all the keys and commands, especially with the home, end, page up and down keys. So having keybindings like Vim is quite "universal" and definitely helps.

I've been wanting to improve my workflow for a while now and reduce the mouse and the arrow keys usage within VSCode. I've always known about vim but never tried to learn. There's for sure a lot of material online, one can easily get lost, but I think I have found the perfect channel for productivity and workflow tips, to get me jump started. I have already watched some of your vids and will do more, you explain in a clear way and showcase common use cases where ergonomics can be optimized, thanks for sharing :)

Vim helped me to relieve my wrist pain alot. && it also follows atomic habits temptation bundling!!!

It's not the case that Vim doesn't have the tab to indent feature, it's just that the keybinding is different. Visually select some text and Use the ">" or "

I don't know if this will work for everyone, but if you really want fluidity between normal and insert mode, the fastest thing is probably to remap (through iOS, Linux or Windows config files) the keys "Esc" to "Caps Lock" and vice versa (since most of us don't really use Caps Lock not even once a month but Esc is one of the most used keys if you use vim keystrokes)

Sounds like setting up Vim is pretty straightforward, I'll need to try it. The defaults are just so ingrained though...

5:35 "The only way you can enter vim mode is by pressing escape". I don't understand why you call it the vim mode rather than normal mode, but you can enter into normal mode from insert mode using ctrl + c (C_c) or even ctrl + [. I use these two all the time.

I remapped ii to esc and thanks for that tip.

Your channel looks great for frontend developers. Productivity+Tailwind+Vue=🔥❤️

thanks for leaving your configuration in the description

This was helpful for me, thank you. Personally, I prefer to not add tabs in normal mode because I prefer that only insert mode has the potential to augment the code.

suboptimal is the right name. When you didnt use %. I died inside

Copy the JSON additions below. To access settings.json: CMD + Shift + P then type "Open User Settings (JSON)" To access keybindings.json: Open Keyboard Shortcuts editor and select the Open Keyboard Shortcuts (JSON) button on the right of the editor title bar. or CMD + Shift + P then type "Open Keyboard Shortcuts (JSON)" settings.json: "vim.insertModeKeyBindings": [ { "before": ["k", "j"], "after":[""] } ], ~~~~~~~~~~~~~~~~~~~~~ keybindings.json: { "key": "tab", "command": "tab", "when": "editorTextFocus && !editorTabMovesFocus" }, { "key": "shift+tab", "command": "outdent", "when": "editorTextFocus && !editorTabMovesFocus" }

Could you make a video on your vim setup? (more vim related content) I think its really good, as you have a better experience with vim.

Just found this channel. So cool!

vim is essential for keeping yourself in focus, while typing

Hi, just found your channel today! Really like your videos, subscribed.

hello thank you so much for this it actually incresed my productivity

Having mapped k j to esc to enter normal mode from insert mode, then how do u type k j as characters in insert mode?

nice vid, also learned outro was a thing!

Installed Vim today; let's see how much time before I learn it well enough. Gratitude.

Thanks, we need another video please more on vim tutorial

Great video. Good information with explanations at a nice pace. Too many KZfaq “so-called tutorials” simply show stuff without adequate explanations.

3:10 I was really hoping you were going to type: dat Does exactly wat you did. Deletes the entire XML tag in 3 very simple key presses. It is a text object in Vim.

Great video! Subscribed.

Hey man, hoping you can help me. Do you know how I can quickly navigate the CTRL+SHIFT+F "search in files" mode with VSCodeVim? And also how to go back to the editor window from there? Thank you.

Thanks for sharing that tabbing in normal mode fix! How did you even figure that out? I noticed it stops tab from working with vscode snippets though, so disabling it :(

I *was* excited to watch this. When it started with "Why VIM", and spent more time than I thought necessary to talk about why VIM is a good thing, I thought to myself, "Okay, so this is not about how to use VIM in VS-Code. This is for VS Code users who don't know VIM, and this explains to them why VIM is a good thing". So I thought, okay, well, that's not me. I know VIM pretty well, so I don't need to be told why VIM is good, but that's fine. I can just sit through that part to see if there's anything more. But the next thing dude talks about is, after installation, about remapping keys to go in and out of VIM mode. What? What is "VIM Mode"? VIM is already overloaded with modes.. command mode, insert mode, visual mode, select mode, ex-mode, .. But now we have VIM mode. As a VIM user, I don't know what that means. But this video is not for VIM users. It's for those who don't know VIM clearly -- otherwise why have a "Why VIM" section? How is someone who doesn't know VIM going to understand what "VIM Mode" is? I am guessing that what's going on is that Visual Studio code is, by default, in "notepad" mode where you can just type at any time. And the extension doesn't change that. You still start in that mode, and you have to do something to enable VIM for that session. I think. I'm guessing. Why not actually say that first before talking about how the keys need to be remapped. Show what's there by default and how it works.. and then say "ahh, but that part's a pain. here's how to fix it". First rule of presentation when you're showing someone a better way to do something, show them the problem without talking about the solution so they can appreciate the problem with you, then reveal, "Ahhh.. but this is what you can do to fix that!". Cmon dude.

Thank you for this informative video! I'm trying to figure out how to change the "vim.insertModeKeyBindings" to use k,j. I'm new to using VSC and also VIM. Any help would be appreciated!

this is very helpful. thank you!

I like the subject here but the where did you find the "keybindings.json" and can you share your settings with us?

Very good point about the ergonomics

As for using Esc to enter visual, I think some default key binding should not change because one might connect to some remote machines, and access vim there and that would make work a hell ( because of muscle memory ). My 2 cents.

You can swap your caps-lock with escape in your preferred OS. It saves alo of distance

Thanks for the vid! Super cool! Curious, what syntax theme are you using?

Liked and subscribed ❤

Great video. May I ask what key stroke overlay are you using?

Usually you remap in your OS [CAPS LOCK] to [TAB]: you use TAB so much that pretty soon the TAB key is broken, also CAPS LOCK is more comfortable as it's on the main key line.

Comment for the algorithm

keep up the work small coding channel

what plugin do you use for the screencast while typing . i mean the key's showing the monitor when you type something

i'm using a 60% keyboard and it compromises on the arrow keys, i can switch my alt command /? and ctrl key out with the up down left right arrow keys, with vim i don't need to sacrifice on that and best part is i can now access the ~ key, before i can only do `

this got me going. thanks.

great video, thanks mate

In vscodevim, You know whenever you go to a line and hit ci' you delete whatever is inside the single quotes and you are left into insert mode. This works regardless of your cursor position on the row. Well how can I do the same with parentheses or curly brackets because currently, this works only if my cursor it at the opening bracket or between both. Example: a = (1234,123) If I want to change inside the parentheses I would go to the line, f(ci( Whereas if it was surrounded by quotes it would work from any column on the row. How can I do it with other text objects without remapping keys? Thanks

Commet for the algo, thanks for the content!

Great vid, thanks

how did you do the multi-cursor thing at 0:27 ?

If I remap Tab I can't use it for intellisense. Is there a way to only remap Tab based on if intellisense is active or another solution to that issue?

I cannot open setting like you 😢 why do it not work? 😂 I only see “Preferences: Open Settings(UI)”

Why did you not use 12j??????

NIce video! Just to make it easy, you can toggle screencast mode in visual studio code rather than using another software for that. It's really good try it!

I think the best approach to entering normal mode from insert mode is to remap CAPS LOCK to Escape and the other way around.

Hi does anyone know how to get to the vim settings json or were those vim settings manually added there? Thanks!

I can't find the vim settings inside the settings.json file

Thanks a lot for this video

Hey, would you mind telling us what VSCode theme that is

Can you remap the "caps lock" key to escape instead of using "k", "j"? if so whats the string of the key?

Do you know how to change the text caret to steady block?

how is this extension any different from neovim extension , apart from not being an emulation ?

I set my keybindings in VS Code to that of WebStorm (migrated from WS), plus installed a few extensions that boost coding and code navigation. Is Vim much better than all the most popular code-snippet extensions in the Marketplace?

bro Alt + arrow key can be used to move code blocks in also most no stroke and talking about home row, you have to press Esc again and again to switch modes while in in VS code it's just a hold on Ctrl or Alt, more accessable, and done! Multi cursor with more UI like showing parent code when in a nested code block makes navigation far easier! Obviously VS code don't have any restriction so it can always have vim like feature + more. Never less. Also you can impress girls too by using tonnes of keyboard shortcuts which normal people don't use since their is UI . While most the girls don't never heard of vim, since they have a life, hence vim flex can only work on male nerds only not hot girls!

Do you have a way to use Cmd-D with vim installed? Also, how did you make it so when keep pressing j or k it repeats? If I do that in my Mac it will move just once.

Great and THANKS!

Anyone else unable to see colon commands as a status bar at the bottom using the vim extension in vscode?

Loved it

Thanks dude!!

Dev A: Heyy, why are you moving your hand away from homerow!? Dev B: I need the mouse for search in StackOverflow, copy-paste and on the other hand, I just need alt+tab Dev A: Ohh

cool video...but how can i exit a document without saving?

How do I navigate around my files? creating files and folders?

Thank you very much. Would be great if you could provide somewhere to copy those text settings and copy them in out files.

why would you insert tabs in read only?

what theme are you using?

WHAT IS THE BUTTON TO OPEN THAT TOP SCREEN AND TYPE THE VIM

there is a problem with vscode. while i coding react or jsx syntax, sometimes vim crashing. is there anyone encountering this issue?

do you think vim is much more efficient more than vscode?

cool video

ummm bro can you have me, when i go to preferences setting (JSON) im not see vim or any key binding like that, how can i change key ?? :

at 5:08, how did you open that top search bar

where i can open this setting.json for vim keybinding changes............... i tried but cannot find it plz help

how are you displaying you keystrockes?

What is cmd in cmd + key in "key" in keybindings?

thank you for the video but i would never name my child Suboptimal Engineer .

What theme are you using? and how to set them up?

But bro where do I learn it from ?

Thanks!

why command + shift + x when you just move your mouse 1cm to the left....

can you use fzf and ripgrep ?

I've set up VSCode like this but the only (pretty big) issue I've run into is with code folds. Whenever I fold my code in VSCode Vim, it becomes extremely difficult to scroll the screen past that fold. Ctrl+E, Ctrl+D, Ctrl+F, they all become powerless against a single code fold lol. It might seem small but it makes the whole experience so constantly awkward that I have to either not fold any of my code and jump across a bunch of lines all the time, or just not use VSCode Vim at all.

Hmmm not sure why but shift+tab does't work for me

Where do I find the settings file???

This plugin does make vscode noticeably slower

what theme are u using?

Hi! I was delighted with your video and would like to know what color scheme was used in this example. Amazing.

lucky me i learnt shift+v to select line exists from this video otherwise i use to just use visual mode

thanks

i dont see why tab not working in visual mode is an issue? but very nice video