Sendil Kumar

Posted on Jul 2, 2019 • Updated on Nov 27, 2020 • Originally published at sendilkumarn.com

Setup more productive dev environment

#vscode #development #git #productivity

As developers, we love those quirky tools and nerdy shortcuts. They not only make you look smarter 🤓 but also makes us faster 🚀 and productive ✨.

Here is a list of tools / hacks to make your development environment more productive.

1. Lazygit you beauty ❤️

Today Git is everywhere.

If you are still using SVN or PVCS, good luck with that.
If you are wondering what are them, don't bother about it.

lazygit is insanely awesome. It converts the terminal into a UI.

All you have to do is run lazygit or lg (I hope you know how to create an alias 😉).
Then check the files and (un)stage those that you want with spacebar.
Finally, commit them with c.
Enter your commit message and press enter.

So easy right.

If you are using GitHub a lot, then you should also checkout hub.

With the hub, you can do a lot more interesting stuff:

You can clone a repo using

hub clone org/repo

You can browse issues using

hub browse --issues

(No more opening browsers and entering URLs)

If you are like me, performing a lot of code review. Downloading PRs will be a huge hassle. But with hub you can checkout pr

hub pr checkout <pr_no>

If the PR is updated then pull the changes with

hub am -3 https://github.com/org/repo/pull/<pr_no>

They also have hub create command which creates the project under your username in Github all from the terminal. 🎉

LazyGit + Hub will liberate you from few commands and clicks and copy-pasta.

sendilkumarn

@sendilkumarn

@sarah_edo hub + lazygit makes it even more awesome

23:06 PM - 14 Jun 2019

2. Code Code Code 💻

Notepad was my first editor (Now, don't judge me). IDEs evolved a lot from those days. But VSCode is an important paradigm shift in the world of IDEs.

It is slick, modern, customisable and written on JavaScript (well technically TypeScript but that compiles into JavaScript right).

But customizations on VSCode is next level. You can tweak every little detail that you want to.

Liquid error: internal

I love typography and clean design. I constantly fiddle with fonts and I think there is a link between the font and your productivity (research glasses 👓 on).

I mainly use

SF Mono (Apple's font)
Fira Code Sans - here
Menlo (default font for VSCode for Mac)
Ubuntu - Mainly because I fiddled a lot with Ubuntu in my early days of programming.

The font is just the beginning, for an awesome experience you should have an awesome theme 🎆.

Who wouldn't love a well-crafted theme?

In fact, I get a lot of questions about the theme that I am using after my talks. Invariably, people love good (and minimalistic) design.

The recent one that I am enjoying a lot is Synthwave'84. Well, it is crazy.

Check out more about how to install and use Synthwave'84 here. I am pretty sure you'll love it because it just glows 💡.

But there are other themes that I love too. They are

Nightowl
Cobalt2
VSCode light theme (default)

Spice your VSCode with Icons. Check out the plugin here

Nowadays, I am fiddling a lot with WebAssembly Text Format (which kinda looks like LISP), the Bracket Pair Colorizer plugin is mandatory for me. Check this out here.

It neatly colourizes the matching brackets and makes it easy.

Finally the shortcuts:

One of my favorite shortcut is cmd + a + cmd + k + cmd + 0. This collapses all the code segment. So you will have a clearer view of what a file does and then you can drill down to specific functions.

Split the editor view vertically using cmd + ctrl + right | left.

Navigate the files througn cmd + option + right | left

For any other action type cmd + shift + p to open the actions menu. You can choose anything from this menu.

There are a lot of keyboard shortcuts. Check out the official guide here

3. Bash! Bash!! Bash!!!

Who doesn't love bash 🔳?

If you're using Mac, then it is highly possible that you might be using a way old version of bash. It is time to update, check out how here.

I love zsh and its theme (who doesn't).

Personally, I am using a customised version of the Bullet train.

Since I play with a lot of different programming languages and its versions. Often I forget what version I am running.

I tweaked the bullet-train a little bit to include the programming languages that I use often based on the directory contents. I know it is not complete or huge but it helps me enormously. Check out patched version here.

4. Travel tips

Being an introvert and travelling 🚌 a lot alone, My laptop is my dearest friend 🙏. Often the flight ✈️ or train 🚋 ride is where my presentations are done and demos are crafted.

If you are doing it, then this will interest you.

First make your Mac sleep whenever it can.

System Preferences > Energy Saver

Next if you are using Docker For Mac | Windows shut them off.
Don't ever dream to open Slack 😆. Use it with caution.
Turn off Wi-fi | Bluetooth, if you don't need them.
Reduce the display brightness.

These little things will help you to increase the duration of your battery life.

But hey, don't forget to stay hydrated while on the move.

5. In General

Watch your actions, if you feel there is a thing that you are doing often and it is mundane and repetitive. Check for a shorter way to do it. If you found an awesome way share it with the community ✨.

At times, you will see people doing some crazy keyboard shortcuts in the demos or your colleagues will do it while working. Just ask them, most of them will be more than happy to share.