5 Essential Visual Studio Code Extensions for Collaborative Work
Tags: codenewbie, codequality, productivity, javascript
Published: 2020-03-28 17:08:47

![A simple Visual Code Extentions image](https://blog.softmakers.com.br/wp-content/uploads/2020/03/Visual_Studio_Code_MacOS.jpg)

*Code editing. Redefined.*

This is the slogan for the Visual Studio Code home page. In my journey, through IDE’s and text editors, none of them changed my conception of what a complete and integrated environment can be. Either by the immensity of extensions made available by the community and by Microsoft, or by its compact and robust design. Visual Studio Code, even in the market for such a short time, 2015, managed to attract a large number of developers looking for an inviting and simple solution.

About extensions, the editor would not be complete without them. Here are 5 extensions and a few bonuses that might help you or your team in their daily lives.

<h2><a href="https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare-pack" target="_blank" rel=”noreferrer” alt="Live Share extention">Live Share</a></h2>

The tool seeks to bring a collaborative environment in real-time to edit or debug code in Visual Code. Working with a classmate or co-worker remotely, whether, in pair-programming, code review or to solve a company-specific problem is no longer an issue. You are wrong if you believe that it is just that, it is not a simple remote editor. You can also, chat with your coworkers, share your server and local terminal! That's right, in addition, you can even invite more than one person to work collectively.

![Live share presentation](https://visualstudio.microsoft.com/wp-content/uploads/2018/11/v2-Edit-Comp_FINAL-optimized840.gif)

The extension comes with a package: Live Share, Live Share Audio, Live Share Chat and Peacock. That together brings this incredible tool for remote work.

<h2><a href="https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens" target="_blank" rel=”noreferrer” alt="Git Lens extention">Git Lens</a></h2>

![Git lens presentation](https://raw.githubusercontent.com/eamodio/vscode-gitlens/master/images/docs/gitlens-preview.gif)

I knew it that was spending too much time at the terminal to carry out the commands to add, commit and push. It was when I realized that needed a tool to automate this process, and on the road, learn more information about the history of my commits. Git Lens welcomed me and gave me the power of **Git Supercharged**, great insights into code changes, a file and line history, and several other tools. Certainly, if you need to move forward with using git and need more data on the progress of your codebase, this is an essential tool.

<h2><a href="https://marketplace.visualstudio.com/items?itemName=lostintangent.vsls-whiteboard" target="_blank" rel=”noreferrer” alt="Live Share Whiteboard extention">Live Share Whiteboard</a></h2>

![Live Share Whiteboard](https://user-images.githubusercontent.com/116461/50567457-dddaba00-0cf9-11e9-840b-1b0a984d5ad9.gif)

Didn't you already understand some concept or explanation, and your teacher or mentor needed to leave Visual Code to draw on another tool? The purpose of the extension is precisely this, to have a collaborative 'Whiteboard' within Visual Code, exactly. You can now design relational database models, software architecture, or even make a presentation to your team and friends.

<h2><a href="https://marketplace.visualstudio.com/items?itemName=Atlassian.atlascode" target="_blank" rel=”noreferrer” alt="Jira and BitBucket extention">Jira and Bitbucket</a></h2>

Atlassian created its own extension for Visual Code Studio. In this tool, you can access the Issues and Pull Request of **Jira and Bitbucket**. In addition, through it, you can even create your own issues, pull requests, do code review among other activities.

<h2><a href="https://marketplace.visualstudio.com/items?itemName=CodeStream.codestream" target="_blank" rel=”noreferrer” alt="Code Stream extention">Code Stream</a></h2>

![Code Stream presentation](https://raw.githubusercontent.com/TeamCodeStream/CodeStream/master/images/animated/SpatialVSC2.gif)

Code reviewing is made easier with CodeStream, it allows you to add code comments from any member of your team and forward directly to Slack and Bitbucket. You can even discuss blocks of code with your team, leave questions or comments in markup format.

![Code Stream Slack](https://raw.githubusercontent.com/TeamCodeStream/CodeStream/master/images/ShareOnSlack1.png)

<h2>Honorable mentions</h2>

![Honorable mentions gif](https://media.giphy.com/media/xDpB3lRInUYla/giphy.gif)

<h2><a href="https://marketplace.visualstudio.com/items?itemName=Gruntfuggly.todo-tree" target="_blank" rel=”noreferrer” alt="Todo Tree extention">Todo Tree</a></h2>

Create TODO or FIXME tags in your code to assist other developers with what needs to be done with Highlight.

<h2><a href="https://marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync" target="_blank" rel=”noreferrer” alt="Settings sync extention">Settings Sync</a></h2>

Synchronize all your Visual Studio Code settings, extensions, editor settings, colours, snippets, everything you need in the cloud.

Do you have any to share?

These are the ones I know, tools that help me a lot in remote work or in everyday productivity. If you know any, leave a comment below or <a href="https://twitter.com/DheysonAlves2" target="_blank" rel=”noreferrer” alt="Settings sync extension">Send a Tweet</a>.

PS:

**If you wanna see our original post,<a href="https://blog.softmakers.com.br/index.php/2020/03/25/5-extensoes-essenciais-do-visual-studio-code-para-trabalho-colaborativo/" target="_blank" rel=”noreferrer” alt="Original Post link"> check it out</a> Thanks!**