Mohit Khare
Mohit Khare Product Engineer @ Gojek | Blogs about tech, productivity and life.

Improve your productivity with VS Code

Improve your productivity with VS Code

I have been using VS Code for more than a year now. It’s a one stop editor for all my needs. I use it to code, write blogs and sometimes even as notes (Don’t judge, I use Notion for that most of the times)

Visual Studio Code is one of the best editors out there in market. VS Code is open source and obviously free. This is one of my favourite tools from Microsoft(which now loves open source). If you haven’t tried it yet, I’ll highly recommend you to give it a shot.

Get VS Code here

Speed, ease and beauty are three things which most programmers look for in an editor. I mean, these are the ways one improves their productivity. In this articles i’ll be sharing some of the key features I personally use and which have helped me increase my productivity.

Command Line in Editor

VS Code has an inbuild command line in the editor itself. Forget switching between terminal and editor. Use the ⌃` keyboard shortcut with the backtick character to open up the terminal. You can open multiple terminal sessions and easily switch. Check this for more details.

Shortcuts

Well, most of the editor are equipped with shortcuts, once you get a hang of these, you can get your programming life sorted. I use Intellij key binding, so If you are aware with intellij editors, you can related well. There are extensions for sublime/atom bindings too. Use what suits you best.

Some of the my most used shortcuts are —

  • cmd + plus/minus key —  Expand and shrink block of code.
  • cmd + option + up/down key  —  Go to definition and back
  • cmd + d key  —  Copy current line of code into next line
  • cmd + plus/minus key —  Expand and shrink block of code.
  • ctrl + G key— Go to line
  • cmd + P key — Command palette for Vs Code

Won’t share all here.Find the detailed list of shortcuts here —

Extensions

This is the most important reason for you to use VS Code. To be honest, there is extension of everything 😍.

Again, the ones I use and find most helpful are —

  • Gitlens — Your friend in case of merge request.
  • Prettier — Formats your code, supports multiple languages.Must for web devs.
  • Debugger for chrome — Debug your javascript code
  • Eslint
  • Bracket Pair Colorizer — Easy managing brackets in large files.
  • Go — Covers everything from formatting, linting, testing and debugging in go.
  • VS Code icons — Beauty is important to me

Apart from these, you have extensions for almost all popular languages like Python, Ruby, Vue.js, React etc. Find over 16000+ extensions here.

Themes

I have been using the basic Monokai(old is gold) theme since Sublime. But, there are few other amazing themes which you can explore —

Did not fell in love with above themes — Choose from sea

Others & Resources

There are a lot more features and extensions which can be useful depending on particular use case. Few which I haven’t used but have heard are —

  1. Live Server
  2. Settings Sync
  3. VS Code Snippets

Check out this for more Tips and Tricks.

Do share how you use VS code to improve productivity in the comments.


Follow if interested in more technology-oriented stuff. Hope you learnt something interesting and new.

Don’t miss out on latest blogs - Subscribe now.

I share updates/knowledge almost daily on Twitter. Reach out to me mohitkhare.me

comments powered by Disqus