Mastering VIM Motions in VSCode (Mouseless development)

[@MelkeyDev]

I hope you all enjoy this video! Let me know what you all think and what video you want to see next. BTW THANK YOU FOR 3,000 SUBSCRIBERS!!!

[@conconmc]

Thanks for the video my dude, just FYI your settings and bindings file on the video don't match what you have on your github link

[@bfkgod]

Hell yeah. I recently switched as well from NeoVim to VSCode and have been stuck using the bare defaults. This is exactly what I needed. Thanks.

[@MelkeyDev]

Hell yeah

[@tobiadeniji6630]

Just curious, what made you switch from neovim to VSCode ?

[@health_doc]

Ctrl-t ​@@tobiadeniji6630

[@leeleo9615]

@@tobiadeniji6630I did this too. I’ve been using the LazyVim distro and it worked fine to begin with. Having used it for like a month or two I realised I just need my tool to feel polished and easy to configure, neovim isn’t, it just never felt polished, always feels rough here and there, and if you’re using distro rather than your own config(which is a big time trap and I have tried three times), it’s a pain in the arse to do granular adjustments. So I finally decided to switch back to vscode.

[@LPrulzcrossover]

Thank you for the bindings, I'm just learning vim motions and it already feels great. Those terminal toggle keys are great!

[@MelkeyDev]

:) Youre very welcome

[@kipcrossing]

Later this year I need to update my dev setup. I'll be coming back to this video. Thanks!

[@jansustar4565]

To get even better visuals, you can set the toolbar to toggle with alt (which is a bit buggy but works well enough) and install a material theme and run everything fullscreen.

[@MelkeyDev]

That is pretty nice

[@sayo9394]

really enjoyed this video! the new keybindings made it possible to finally adopt vim motions in vscode!

[@tyfischer4739]

Overall pretty good! If you aren’t already you can configure your file explorer to use j and k to move up and down as well as / to search a file.

[@MelkeyDev]

Thank you! I appreciate it

[@Joeysz]

How would you set this up?

[@bilyzhuang9242]

Thank you for the tutorial about how to set up vim style command in vscode to do mouseless development. This is exactly what I nedd. Thank you so much,.

[@AliFahim92]

This was awesome. I tried neovim but it was not for me yet at least. I wanted to make vs code more like vim but I got a bit overwhelmed. thanks for this banger video

[@MelkeyDev]

Hell yeah

[@lmnts556]

For people who have the time, use both and mess around with them both. In general I use a lot of vscode but if I have to do a lot of terminal/remote work I absolutely love to use nvim.

[@vaibhav5783]

I am learning full stack. Whenever I do front end I use VS code. for backend I use vim.

[@sinewaveaddict]

@@vaibhav5783vim is good for frontend too my friend

[@hlibtumakov4367]

I'm a backend engineer and I've been using neovim for the last 2 years on a daily basis, and it worked like a charm! Considering that I have my workflow built with tmux sessions/windows it was really convenient and definitely more than enough. But as soon as I started playing with some modern JS frontend technologies I had to make this decision as well... If you want to write client-side (not vanilla) JS you can not avoid using VSCode. Thanks for this guide! It helped me a lot with my vim-like VScode config :)

[@MelkeyDev]

yes sir!

[@darianmorat]

WSL2 + VIM + VSCODE

[@caasidev6812]

Thanks @Melkey. I jumped back to VSCode couple of weeks before you did, and this is exactly what I was looking for!! Thanks a lot man!

[@MelkeyDev]

You're welcome!

[@luisloyola3591]

thanks for the keybinding, now I can get more out of vim without having headaches with settings. Tremendous work, it's simple and conquer, straight to the point to be productive.

[@MelkeyDev]

I am actually going to re-make this video with some updates

[@Shohan11d]

@@MelkeyDev This is amazing. Waiting eagerly for the updated video :)

[@Lucha-dorito]

@@MelkeyDev Is this video still coming?

[@bekacru]

Hey melkey the thumbnail is really good well done :)

[@MelkeyDev]

Hell yeah thumbnail gang

[@igrb]

what a banger melk cant believe I didn't watch this ealier

[@vanhoheneim]

Thanks man your video got me into VIM for VScode !

[@prabinlamsal74]

Now when I type shift + n for doing the capital N , a new window opens . How are you guys using these keybindings????

[@prabinlamsal74]

You need to not be in the insert mode basically. lol.

[@bppdc]

I have almost the same setup in VSCode with keybindings and settings, works great. Thanks for sharing.

[@zacharymilo]

Exaclty what i was looking for 😎 subscribed for sure 💪

[@MelkeyDev]

Awesome, thank you!

[@SyntaxLexx]

Nice! Coming from Webstorm, I can confidently say it's actually impossible avoiding touching the mouse regularly when it comes to VsCode. Nevertheless, there's some notable keybindings you can add to speed up productivity: 1. Adding 'shift shift' to quickly do what 'ctrl+P' does (view recently opened files - just like IntelliJ) 2. Adding 'alt alt' to quickly launch the command palette (ctrl+P then '>') 3. Adding 'ctrl ctrl' to toggle the 'sidebar'

[@lolapplesauce]

When do you find you have to use the mouse in vs code? I think for me it's just one thing and that's switching between split integrated terminals to another. And I probably just don't know it off the top of my head

[@Noam-Bahar]

Ctrl shift P also opens the command palette

[@dmytrk]

Yes, also Vim plugins interfere with existing shortcuts and that's what makes open some NeoVim or use Win-Vind for Vim motions in Windows

[@SyntaxLexx]

@@Noam-Bahar It's literally indicated on point 1!

[@tenthlegionstudios1343]

I still use VSCode at work - but use nvim in all my personal projects. Will definately be using a lot of these tricks on my vanilla vscode extension. Much Appreciated!

[@ThomLamb416]

Love this video. Thanks man!

[@VIYH-mt5dz]

the nerdTREE extension makes file navigation and creation super easy, ctrl + n to open the file explorer, vim bindings to navigate and m + a to make a file, m + f to make a directory

[@MelkeyDev]

Maybe I just check it out

[@danielvega646]

It would be great to also implement the built-in vs code ctrl + p ctrl + t commands to rapidly explore through files or other vscode settings.

[@MelkeyDev]

I might need to do another video then

[@namanvyas3058]

"vim.useSystemClipboard": true, This uses system clipboard so when you yank something from web a simple p works instead if Ctrl+shift+p

[@MelkeyDev]

GAS tip thank you

[@SperDrgnAznSlyer9001]

Would this also use system clipboard whenever you use “x” or “d”?

[@namanvyas3058]

@@SperDrgnAznSlyer9001 Yes man it does.

[@breakoutgaffe4027]

🔥 🔥

[@CremCrew]

So... now how do a type "J"? every time a press shift + j to type "J" it just open a terminal, I'll just use another key binding, I was going to from the beginning but when I try it jus like this, before personalize it, I notice it and now it's on my brain forever (or till I get drunk this weekend, we'll see)

[@namanvyas3058]

The best thing about vim is I learn new this everyday and its always some magic. I learned about macros last week.

[@MelkeyDev]

ya - absolutely. Thank you for sharing!

[@aleclowry7654]

Why vim plug-in and not the embedded neovim Extension

[@userj-s2000]

You can use the recording mode in vscode to show which shortcuts you are using on the screen the splitscreen is just as easy with win keys defaults in vscode, i do not use them because i have 3 screens alt left or right arrow jumps between tabs crtl p for easy file lookup Crtl enter for new line ( doesnt matter where you are in the line ) We do not have a default for new map in vscode, we do for new file I love the smooth tree experience ill give that a try Idem for toggle block and indent Awesome video

[@Winsen737]

Question : say you have file explorer, terminal and a bunch of files open how do you navigate between all of them ?

[@josephstark4259]

Yes I see how you open them, but how do you get your cursor in and out of terminal?

[@TragicGFuel]

@@josephstark4259 ctrl + ~

[@userj-s2000]

With alt and type the first letter to focus after crtl + b in windows, use arrow for up and down

[@paperwave442]

Thanks a lot, this is a I've been searching for something like this

[@MelkeyDev]

Glad I could help

[@thiagopuntar]

One thing that I didn't find yet is to use vim motions on vscode search and replace tab. But with you keybindings.json overrides, this is giving me some ideas.

[@lavosier2]

thanks for your video. hugs from Brazil

[@wojciechbojewski9442]

This is what I need it. Thank you!

[@MelkeyDev]

Hell yeah!!

[@lipepaniguel]

this is exactly what I needed. thank you sir

[@MelkeyDev]

Glad I could help

[@tihon4979]

Awesome! Best workflow! Like!

[@MelkeyDev]

Thank you so much

[@danel44]

where do i find the keybindings.json and settings.json ? i used vscode foar bit but don't know where to find them, btw using linux, so anyone that knows and want's to help me, please.

[@doggievideos1360]

did you get the answer yet?

[@tirthankar9533]

~/.config/Code/User/keybindings.json if you are in linux you can find keybindings.json here. Also you need to change settings.json of the vim extension and not the default settings.json of the editor

[@Anteater_Taming_Masterclasses]

Cant live without tmux...

[@cassiorsfreitas]

I’m keep using, but not as an IDE

[@fabriziomeinero]

Why didn't you opt for the neovim extension?

[@MelkeyDev]

Hmm, idk, i sort of just found my way around using Vim and the VsCode config *shrug*

[@kartikvishwakarma7567]

I am using ubuntu, I have done all steps correctly, but ESC button doesn't enalbe NORMAL mode, CTRL + C does it, how to change this. It was working fine until I installed VIM Vscodium extension. Can someone tell me how to solve this problem?

[@chaitanyashahare2734]

really well layed out video

[@MelkeyDev]

Thank you :)

[@peterkyle01]

Thanks so much Melkey , I now feel like a real developer 🤯

[@SiLiDNB]

omg the indents just saved me! the default behaviour of the indenting is so bad

[@camilotello3296]

Heyyy I really needed this. Now I'll take way less time for coding :)

[@MadisonKanna]

helpful vid for us vim newbies

[@MelkeyDev]

We are always vim newbies - forever

[@MO-fg2cm]

​@@MelkeyDevdoes that apply to primeagen?

[@Shohan11d]

Thank you for sharing your configuration.

[@Omprakash-fd2pc]

it's not working the right way in my system .. idk why

[@Shohan11d]

@@Omprakash-fd2pc What is the problem that you are facing?

[@undefined_null]

Got a lot of useful keymaps for vim inside vs-code from this video🤝. Just one thing, I would not use "shift" as a prefix for keymaps inside the terminal because how would you type capital letters?🙂 I instead use ctrl + h, j, k, l to move between panes inside the terminal. Maybe there is a better way idk I'm too lazy.

[@MelkeyDev]

good call!

[@w3sync]

how to close the tabs

[@overrevvv]

Thank you so much for this video.

[@MelkeyDev]

You are so welcome!

[@pangiolillo]

Maybe I looked it over, but how do you close the file explorer after using ne

[@pes18fan]

Yeah I have the same question

[@MelkeyDev]

ctrl+b

[@MelkeyDev]

ctrl+b

[@megasuperlexa2]

I believe it is changed to ctrl+e for both opening and closing since then (in the git files)

[@eyebol]

how do I find the settings.json file

[@MelkeyDev]

I gotta update this video but its in my Github

[@anirudhkashyap23]

Im new to vim, which extension is better vim of neovim for vscode?

[@yosansu]

any idea how to get live grep? something like telescope?

[@MelkeyDev]

I think VScode has something there

[@sanskarsharma9494]

Oo. I’ll take a look 👍🏼

[@burger-guy-99]

why not use the vscode neovim extension? It seems to have alot less lag

[@MelkeyDev]

I havent gone around to try it

[@megasuperlexa2]

it is somehow much less convenient, maybe because it doesnt support mouse selection at all, while vscodevim does

[@ShihabudheenS-j6c]

why the cursor longpress(j and k ) is not working? in neovim I can longpress j and k to go down and up

[@_Maruf]

great. I have a question. please answer, how can I disable mouse in insert mode ?? set mouse=n, it does not work in vscode, is there any equivalent command ??????

[@emil_l889]

This shit slaps, senior creator fr!

[@MelkeyDev]

slaps harder than my fathers belt

[@kustin4208]

What theme are you using?

[@NESRockman1987]

Is this even faster than VS code schort cuts? I did not feel any different if you know well the the vs code short cuts.

[@MelkeyDev]

Its just the preference

[@John-pt8ht]

Pow it up brother

[@MelkeyDev]

You already know it

[@mrrapoclapo]

Thank you Melkey!

[@MelkeyDev]

my pleasure mr rapo

[@whatmusiciwant]

The problem I have is using keyboard shortcuts my fat fingers slip, after thousand+ hours in BLOPS I have no issues with mouse.

[@zeeeeeman]

You've updated these in git, so they keys have slightly changed in the video- they need control prefix. I can't get new terminal tab working 🤷

[@oskarkarlsson8905]

Is there anyway to get a better statusbar inside of vsc for the vim plugin? Id like just a nice way of knowing what mode im in x]

[@avner1999]

Got a question, and sorry if it is a dumb question, i'm super new to vim. How can I close a tab in vs code using vim?

[@MelkeyDev]

You can use certain plugins, but with my config its q

[@nexxel]

learnt a lot thanks melks

[@MelkeyDev]

If you find some stuff please let me know

[@AkioJunichiro]

A mate told me to check VIM motion so i'm here : "leader + W : allowed me to save a file that's pretty standard." Ctrl + S ??? Leader + C => ctrl + / In general I don't see were we save time. It's just different shortcuts.

[@MelkeyDev]

I mean, its just on how you use them and its something that you can use in your daily coding editor

[@harshavardan9054]

Hey i have a question man my code editors like vsc codeblocks and cion take nearly 30 seconds to output any suggestions on how to reduce the time

[@EbonySeraphim]

The fact that the answer to this question remains unanswered among VsCode fans is hilarious. Ask the same question among a Neo/vim community and you’ll have answers about how to get the answer.

[@harshavardan9054]

@@EbonySeraphim i think it was due to my ram being less so I have to upgrade it to a 8gb ram

[@sq-zb2ps]

What does leader mean in the context of these keybinds

[@thesobercoder]

The only thing that is not working is, when there are no buffers open, if you press CTRL+E, it doesn't highlight any file. Wish there was a workaround, otherwise love it. Thanks!

[@tuvantran660]

I really want to use Vim motion in vscode. However, it is really buggy, and lag between each motion action like switch buffer and split pane. Is there any solution to fix this ?

[@impossiblekiwi5992]

How do you close a pane?

[@MelkeyDev]

:q

[@vidhayakji4utube]

where to save keybinding.json

[@bradleyfrueh2761]

git-bash terminal is my favorite. It gives unix commands in a windows environment.

[@tzuilee588]

Finally going back to vscode with vim motions after half a year of neovim, no more packersync 😭

[@hguarneri]

How is the debugging experience with relative line numbers?

[@js-ny2ru]

I always had problem with ctrl+c and ctrl+x with vim emulator...

[@AnthonyTaylor-y4o]

Howell Walks

[@anj000]

But there are already shortcuts to do some of this things. Why do I should change it? Normally a CTRL is a "leader" key in Windows. I can not imagine changing it to a space. Sounds like inventing a wheel second time.

[@tyfischer4739]

Vim bindings are the results of a bunch of nerds arguing on the most optimal layout for text editor productivity.

[@tenthlegionstudios1343]

ya if you are used to VSCode motions already - no need to switch . But one arguement for using VIM bindings is that vim is usually available on any terminal if you SSH into a server or something like this, or have a tmux connection to a remote server. It is also for people who prefered the vim bindings but are looking to come back to VSCode.

[@theangelofspace155]

The point is use the global available vim binding, not the only work on vacodey binding.

[@Rustem-n3z]

thank you for this amazing explanations. But i have one problem. If i open an empty project and type cntl + e i cant do anything in file tree (create file/folder). Also i find it impossible to switch between file tree and actual file. It works only if i close my file tree with cntl + e.

[@The-Bloke]

Anyone got thoughts on the NeoVim extension for VSCode instead of the Vim extension? I've been using that instead of the Vim extension because I use neovim whenever I'm not in VSCode - not that there's any direct connection, as my init.lua for neovim is fully disabled in vscode. Maybe I should switch to the base Vim extension instead if it works more easily with these pre-made configs

[@ShiVam-fq3xu]

i am having a trouble with a key i am using vscodium while when i accidently press shift+j instead of ctrl+shift+j to toggle terminal what happens is it shifts the below next line to the same line of the cursor in normal mode how can i disable that? i could'nt find that keybind in keyboard shortcuts! And Thanks for this amazing video!

[@robosergTV]

??? Why do we need the VIM plug-in if we using custom keymapping anyway lol

[@wasistderunterschied3273]

i hate it - ill learn it just to proove to myself i was right hating it, otherwise ill have a new skill - win, win :D Still have a question: Why are the default keybinds for up, down, left, right "hjkl"? There are arrows on the keyboard - placed intuetively - dont tell me my fingers are not allowed to travel that far. i have to press "esc" to get in [vi]rgin [m]ode.

[@yohance6904]

that last part of your comment caught me so off guard lol

[@leviwilkerson3964]

With your current keybinds, how are you meant to type capital J? From my testing I'm not able to type due to the terminal toggle

[@MelkeyDev]

I actually have it updated - if you check out the repo on github

[@leviwilkerson3964]

I did, tailored it to me. Works great :) Good work @@MelkeyDev

[@LPrulzcrossover]

Did you take a look at the neovim extension for vs code? It actually connects to a real nvim instance instead of emulating vim. Might be worth a look for you. Or if you already saw it: Why did you chose against it?

[@MelkeyDev]

Yeah, i saw it, but i havent had a chance to actually use it. IDK - is it worth it?

[@LPrulzcrossover]

@@MelkeyDev I just started out learning vim (motions) entirely two weeks ago, so I can't say if one is better than the other. But from what I heard, the neovim extension is less buggy than the emulation one. Plus you can actually use your neovim config, albeit not every plugin working correctly (i.e. I had the lazyvim distro installed which did not work with vs code). However using the neovim extension feels great so far, integrating well into vs code. I didn't have to customize things too much. The readme is quiet thorough, too.

[@vandorlokronika9581]

Can VS code keybindigs approach vim motions in speed? For me it is questionable, I mean if you constantly use VS code short cuts instead of mouse you can drastically speed up your workflow also. I only use mouse when it is easier or necessary because there are no keybinding for it. For example multi line selecting etc. Modern keybindigs can be very fast if you know how to use them.

[@ml_serenity]

Video starts at 1:25

[@ramanujbaruah2200]

you cant have shift+j = J anymore in vim insert mode, atleast for me

[@Fitzpa14]

What button is “leader”?

[@MelkeyDev]

space

[@davidmmadden]

this setup seems to block your ability to type multiple words in modals like the cmd+p or the copilot modal. it registers as you being in visual mod when you're in those modals, so the space acts as a leader even when you want to type a space. doesn't look like there's a real way around this, so back to nvim

[@salaheddineelfarissi101]

Thank you.

[@NoctuaDeveloppement]

Amazing mate ! Love your content ! In fact I begin to learn Go 😅 I assume you know it but when you're in the file tree, and you press n to add a file, if you end your word by a / it create a folder. So this : "test/" would create a "test" folder. "test/test.go" create "test.go" inside a test folder (create it if it does not exist). Pretty neat when you begin to create a file but it would be better in a folder 😅 And just a quick question, what's your keyboard layout ? Did you follow Prime with the Dvorak ?

[@MelkeyDev]

Ah welcome! And no - I use a Moonlander regular qwerty layout

[@TheAkayuki]

What do you think of the neovim extention for vscode, I find its more faster for vscode?

[@MelkeyDev]

i havent used it yet

[@jonathanwells-7663]

Nobody switches from neovim to vscode. Dude is hoodwinking ya'll.

[@topgxpert]

Stop with these KZbin titles telling people vim means pro. Pro has to do with problem solving

[@anirudhkashyap23]

💯, but helps you be more productive and looks really cool

[@allin.teamtube]

so helpfull thanks

[@jazzyBit]

thank u bro

[@MelkeyDev]

You're welcome!

[@bit9524]

vim is like a cult

[@MelkeyDev]

Yeah, it can be for sure

[@Vikram_Naik]

How to undo in vim?

[@theangelofspace155]

u