Bulletproof VSCODE
VS Code out of the box has some pretty nifty features but what if I tell you with a couple of more extensions, technologies, tips, and trick you could start flying over your code base like a pro.
VSCODE VIM
Starting with the most controversial and my favorite extension VIM some people love it others hate it.
Let me break it down VIM initially feels overwhelming and we all have seen memes of people not able to quit out of VIM :D
To get started with VIM inside VS CODE is just on another level you get all the cool extensions and move of a VIM ninja.
Let me show you a couple of tricks I use JavaScript for my day-to-day job.
A lot of times when I need to change the content inside a parent div and it has a lot of child tags and it is very difficult to go over and find where the tag had started and ended I use this workflow with VIM.
So what do I do?
move one step into the parent div and type
“cit” to remove all the code inside and change the content
Or “dit” to just delete the entire selection
what if you wanted to delete the parent inclusive as well go “dat” :D
and it does not limit this to HTML this same magic is available inside JS functions as well.
This is just one example of what VIM can do for you and there is seriously a ton lot that but once you get a hang of VIM, it will become second nature and your productivity will be through the roof.
DEMO:
VIM has a thriving community and with VS CODE VIM you get almost all the features.
If you want to learn more, I suggest you visit some of these sites.
Link to the extension:
Complimentary tools:
Use a bracket pair colorize (Available on VS Code marketplace).
Start using emmet an abbreviation (Present in VS CODE by Default used for fast HTML markup generation)
TABNINE
What if I told you that Machine Learning can help you code as well and this not just like a drag-drop thing it will start giving you suggestions that are profoundly impressive.
It is just like you being a pilot of an aircraft and TABNINE being that copilot always there to assist you.
TABNINE is not just an auto-completion tool it goes through your code and starts learning patterns out of suggesting stuff would that otherwise take a lot of keystrokes along with that the other benefits that I find is consistency in code and easier onboarding to the code base for new joiners.
They use a Deep learning Model on your machine and have both a free and paid tier.
Supports many languages
JavaScript, Python, TypeScript, PHP, Go, Java, Ruby, C/C++, HTML/CSS, C#, Rust, SQL, Bash, Kotlin, React
DEMO:
Link to the extension:
Complimentary tools:
Any Spell Checker to avoid mistakes and improve code readability.
Personal Tips:
Whichever tool and technology you are using install snippets for that extension you will find extensions for most of the technologies on VS CODE marketplace and you can write your own snippets as well if that is what you want.
Learn touch typing, as a software engineer most of your time is spent with your keyboard invest in this one skill that can help you improve a great deal.
Stay tuned for more articles Peace ✌️
