DEV Community

Discussion on: Learning To Be A Mouse-Less Web Developer In VS Code (Updated: 22 July 2020)

Collapse
 
taylorbeeston profile image
Taylor Beeston

As someone who pretty much never touches the mouse anymore, I feel like I should offer some suggestions that make my life easier.

The first thing to really help deep dive into letting go of the mouse is to use a tiling window manager such as i3. Not only will this allow you to become extremely comfortable using your operating system with your keyboard, but it will actually make it kind of annoying to use the mouse anyways, which I find important when making the switch.

The second big tip (which was already mentioned) is to switch to an editor like vim. I personally use neovim, but both are pretty good these days. Switching from VSC to vim can be pretty daunting though because you have to learn about things like configuration,
handling plug-ins, code completion, and (Tim Pope](github.com/tpope). However, the reward is very worth it if you do decide to go full (n)vim, and I'd highly recommend it if you're already trying to ditch the mouse.

My last two suggestions are really only relevant if you do decide to go the vim route, which i would be happy to help you learn if you'd like.

First, if you're going to use vim, please try and relearn how to type with your right hand on HJKL instead of JKL;

This used to be home row way back when Bill Joy wrote vi, so the program is written sort of expecting you to type that way, and I can 100% guarantee you that typing this way will make you infinitely more comfortable in vim.

My final suggestion (as was already suggested by someone else) is to look into the browser extension Vimium. This extension will remove about 95% of your reliance on your mouse on the web. To click something, simply type F and a bunch of letters will appear over clickable elements. Type the letters of the element you'd like to click and boom, you have clicked it!