VS Code : Productivity
Tags: vscode, productivity, webdev, beginners
Published: 2021-12-12 00:58:40


<br />

Being productive with VS Code will help you focus solely on your code & speed up some time-consuming chores. All you need to do to get started being productive is learn a few _keyboard shortcuts_ and install a few _extensions_. These extensions will help you dramatically increase your productivity while coding.
So, here are some VS Code tricks that I use on a daily basis to boost my **overall productivity**.

> If you like my **_Series_**, make sure to click the :heart: icon on every post and :bookmark: bookmark to save for later :smile: .

<br />
---
### 1. [DevDocs Tab](https://marketplace.visualstudio.com/items?itemName=Anan.devdocstab)
![dev docs vscode extension tab workspace](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wkjetnjus8bhjt0um13r.png)

[DevDocs](https://devdocs.io) is an open source online software that aggregates documentation for a variety of developer tools into a single searchable interface.
**DevDocs** has been extensively optimized for mobile devices and is extremely responsive & <u>can be installed</u> to your computer. It gives you easy access to the reference manuals for "almost every language and framework/library". It displays all of the APIs for a certain language, as well as their official documentation :scream:. You can open your DevDocs Tab right in your VS Code Workspace...

---
<br />

### 2. [Pomodoro Timer](https://marketplace.visualstudio.com/items?itemName=lkytal.pomodoro)
![pomodoro technique timer extension vscode](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vmzg5sb25ezp614am9zl.png)
**The Pomodoro Technique** is a time management system that encourages people to work with rather than against the time they have. Using this method, you divide your workday into **25-minute increments** separated by five-minute intervals, rinse and repeat, and then take a lengthier break. This provides your brain with small boosts during each _sprint_ of heavy activity. You can use this extension to add a timer to your taskbar.

---
<br />

### 3. [Code Time](https://marketplace.visualstudio.com/items?itemName=softwaredotcom.swdc-vscode)
![code time vscode extension](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5q3b3g3scknthvz26dnt.png)
Code Time is an open source plugin for Visual Studio Code that automates programming metrics and time tracking. Over **200,000** developers who use Code Time are able to "_reclaim time for uninterrupted, focused development._" It helps you stay in flow while preserving a lot of crucial programming time.
When you're in flow, "Automatic Flow Mode" identifies it and automatically mutes distractions and prevents interruptions. It's a fun productivity hack for productivity enthusiasts like myself :smirk:.

---
<br />

### 4. **AI Assistants**
* [Github Co-Pilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot)
![github copilot vscode extension ai](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fq95fjz30jo7ulclelrq.jpeg)
[GitHub Copilot](https://copilot.github.com/) is an AI pair programmer that assists you in writing code more quickly and efficiently. **GitHub Copilot** extracts context from comments and code and rapidly suggests individual lines and entire routines. **OpenAI Codex**, a new AI system developed by OpenAI, powers GitHub Copilot. The tool can understand both programming and human languages. The GitHub Copilot technical preview is now available as a Visual Studio Code extension. It is astonishingly powerful !.

* [Kite Co-Pilot](https://marketplace.visualstudio.com/items?itemName=kiteco.kite)
![kite copilot vscode extension ai pair programmer python](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/x18w6hm20qiv9qdw0d1n.jpg)
[Kite](https://www.kite.com/copilot/) is an **artificial intelligence-powered** programming helper that helps you write code quicker in Visual Studio Code. Kite makes it easier to write code by saving keystrokes and displaying the relevant information at the right moment. It is <u>very quick</u> and integrates well with many IDEs apart from VS Code.

* [Tab Nine](https://www.tabnine.com/)
![tab nine auto complete code vscode extension](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nsbys0m8h23wxzft6q88.jpeg)
This is another tool which is similar to Kite. Both tools are superior to their predecessors in terms of code completion. They all need to use a large amount of memory, and <u>Tab Nine</u> uses almost twice as much memory as Kite.
* [VS Code Intellicode](https://marketplace.visualstudio.com/items?itemName=VisualStudioExptTeam.vscodeintellicode)
![visual studio code intellicode extension](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/re9o9o1tmaqbsm4y43i3.png)
The Visual Studio IntelliCode plugin in VS Code provides AI-assisted development tools for Python, TypeScript, JavaScript, and Java developers, including insights based on understanding your code context and machine learning. Built by the developers of VS Code for VS Code (Microsoft).

---
<br />

## NOTABLE MENTIONS :pen:
* **<u>Snippet Packs</u>** : **SUPER ESSENTIAL !!**
* **[Auto Rename Tag](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag)**
* **[Emmet Abbreviations](https://docs.emmet.io/abbreviations/syntax/) (_HTML & CSS_)**
* **[Dictionary Completion](https://marketplace.visualstudio.com/items?itemName=yzhang.dictionary-completion)**
* **[Image Preview](https://marketplace.visualstudio.com/items?itemName=kisstkondoros.vscode-gutter-preview)**
* **[Path Intellisense](https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense)** **./**

---
<br />
> [@ free_one](https://GitHub.com/michael-azogu) Follow me on GitHub
> Any more productivity centered Extensions ? <br />
Drop a suggestion in the Comments section :point_down:...