avatarFarhan Tanvir

Free AI web copilot to create summaries, insights and extended knowledge, download it at here

3149

Abstract

7">3.GitHub Pull Requests and Issues</h1><figure id="bc7e"><img src="https://cdn-images-1.readmedium.com/v2/resize:fit:800/0*xNRoMdo0BgoAHB-p.gif"><figcaption></figcaption></figure><p id="ef55">I think it is hard to find a person who does not use GitHub. If you find someone please let me know. In any kind of project, there will be lots of pull requests and issues. This extension will help you to review and manage the pull requests and issues in VS code. It has more than 14.9M installation.</p><div id="acbf" class="link-block"> <a href="https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-ssh"> <div> <div> <h2>Remote - SSH - Visual Studio Marketplace</h2> <div><h3>Extension for Visual Studio Code - Open any folder on a remote machine using SSH and take advantage of VS Code's full…</h3></div> <div><p>marketplace.visualstudio.com</p></div> </div> <div> <div style="background-image: url(https://miro.readmedium.com/v2/resize:fit:320/0*TPWRrOKkFNE-vTGj)"></div> </div> </div> </a> </div><h1 id="2236">4. Remote — SSH</h1><figure id="24fd"><img src="https://cdn-images-1.readmedium.com/v2/resize:fit:800/0*jwZRWp-V6HbJj3r9.gif"><figcaption></figcaption></figure><p id="2763">This extension lets you use any remote machine with an SSH server as your development environment. This can greatly simplify development and troubleshooting in a wide variety of situations. You also can open any folder on the remote machine and work with it the same way you would on your own computer. It has more than 17.6M installation.</p><div id="1989" class="link-block"> <a href="https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-ssh"> <div> <div> <h2>Remote - SSH - Visual Studio Marketplace</h2> <div><h3>Extension for Visual Studio Code - Open any folder on a remote machine using SSH and take advantage of VS Code's full…</h3></div> <div><p>marketplace.visualstudio.com</p></div> </div> <div> <div style="background-image: url(https://miro.readmedium.com/v2/resize:fit:320/0*TPWRrOKkFNE-vTGj)"></div> </div> </div> </a> </div><h1 id="a693">5. Todo Tree</h1><figure id="7ecd"><img src="https://cdn-images-1.readmedium.com/v2/resize:fit:800/1*VnCDF7hoVBZ5bxTth7yQ8g.png"><figcaption></figcaption></figure><p id="f30a">Everyone has a TODO list. Sometimes we keep some tasks for later like making improvements to the code or fixing the bug. TODO Tree helps us to see the TODO list in an organized tree view. It also highlights comments like TODO and FIXME. It has more than 360k installations.</p><div id="67a3" class="link-block"> <a href="https://marketplace.visualstudio.com/items?itemName=Gruntfuggly.todo-tree"> <div> <div> <h2>Todo Tree - Visual Studio Marketplace</h2> <div><h3>Extension for V

Options

isual Studio Code - Show TODO, FIXME, etc. comment tags in a tree view</h3></div> <div><p>marketplace.visualstudio.com</p></div> </div> <div> <div style="background-image: url(https://miro.readmedium.com/v2/resize:fit:320/0*aWeF8xBXPI0kNIy7)"></div> </div> </div> </a> </div><h1 id="aa73">6. CSS Peek</h1><figure id="d8ce"><img src="https://cdn-images-1.readmedium.com/v2/resize:fit:800/0*iC7tw1i0fUa3VIKl.gif"><figcaption></figcaption></figure><p id="cdef">If you are working as a frontend engineer you are probably working with CSS. This extension will be very helpful if the project files get bigger. This extension extends HTML and EJS code editing with <code>Go To Definition</code> and <code>Go To Symbol in Workspace</code> support for css/scss/less (classes and IDs) found in strings within the source code. It has more than 4.9Mk installations.</p><div id="3a35" class="link-block"> <a href="https://marketplace.visualstudio.com/items?itemName=pranaygp.vscode-css-peek"> <div> <div> <h2>CSS Peek - Visual Studio Marketplace</h2> <div><h3>Extension for Visual Studio Code - Allow peeking to css ID and class strings as definitions from html files to…</h3></div> <div><p>marketplace.visualstudio.com</p></div> </div> <div> <div style="background-image: url(https://miro.readmedium.com/v2/resize:fit:320/0*N311HXZZOtGp2HVG)"></div> </div> </div> </a> </div><h1 id="fb93">7. Thunder Client</h1><figure id="297e"><img src="https://cdn-images-1.readmedium.com/v2/resize:fit:800/0*OeEiLNqulck3014q.gif"><figcaption></figcaption></figure><p id="6113">We have all used Postman for API testing. Right? This is a lightweight HTTP Client Extension for Testing APIs. It is an alternative to Postman. It also supports GraphQL. It has more than 2.8M installation.</p><div id="c72e" class="link-block"> <a href="https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer"> <div> <div> <h2>Live Server - Visual Studio Marketplace</h2> <div><h3>Extension for Visual Studio Code - Launch a development local Server with live reload feature for static & dynamic…</h3></div> <div><p>marketplace.visualstudio.com</p></div> </div> <div> <div style="background-image: url(https://miro.readmedium.com/v2/resize:fit:320/0*ILFfj5xWR_G3BSWH)"></div> </div> </div> </a> </div><p id="a221">That’s all for today. I hope this extension will help to make the development journey easier.</p><p id="d408">If you know of any other useful VSCode extensions, please share them in the comments. Until we meet again. Cheers!</p><p id="c002"><b><i>Want to Connect? </i></b><i>If you want to, you can connect with me on <a href="https://twitter.com/FarhanTanvirBD"><b>Twitter</b></a><b>.</b></i></p></article></body>

7 useful VS Code extensions To Make Life Easier

Power Up Your Weapon

Photo by Paulius Andriekus on Unsplash

A soldier loves his weapon above all else. Developers are soldiers, and an integrated development environment(IDE) is a weapon. The most important responsibility of a soldier is to always sharpen his weapon and use it effectively. VSCode is one of the best weapons a soldier can have. Here I have compiled a list of 7 extensions that will help you in your development journey.

1. Live Server

It is one of the most installed VS code extensions with over 40.8 million installations. It helps to Launch a local development server with a live reload feature for static and dynamic pages. It has many other features like Support for excluding files for change detection, Hot Key control, and many more.

2. Peacock

Sometimes we use multiple workspaces to work on multiple projects. Peacock helps us to quickly identify your workspace. There are some beautiful preset colors. Also, the colors are easily changeable. It has more than 257k installation

3.GitHub Pull Requests and Issues

I think it is hard to find a person who does not use GitHub. If you find someone please let me know. In any kind of project, there will be lots of pull requests and issues. This extension will help you to review and manage the pull requests and issues in VS code. It has more than 14.9M installation.

4. Remote — SSH

This extension lets you use any remote machine with an SSH server as your development environment. This can greatly simplify development and troubleshooting in a wide variety of situations. You also can open any folder on the remote machine and work with it the same way you would on your own computer. It has more than 17.6M installation.

5. Todo Tree

Everyone has a TODO list. Sometimes we keep some tasks for later like making improvements to the code or fixing the bug. TODO Tree helps us to see the TODO list in an organized tree view. It also highlights comments like TODO and FIXME. It has more than 360k installations.

6. CSS Peek

If you are working as a frontend engineer you are probably working with CSS. This extension will be very helpful if the project files get bigger. This extension extends HTML and EJS code editing with Go To Definition and Go To Symbol in Workspace support for css/scss/less (classes and IDs) found in strings within the source code. It has more than 4.9Mk installations.

7. Thunder Client

We have all used Postman for API testing. Right? This is a lightweight HTTP Client Extension for Testing APIs. It is an alternative to Postman. It also supports GraphQL. It has more than 2.8M installation.

That’s all for today. I hope this extension will help to make the development journey easier.

If you know of any other useful VSCode extensions, please share them in the comments. Until we meet again. Cheers!

Want to Connect? If you want to, you can connect with me on Twitter.

Vscode
Visual Studio Code
Software Engineering
Programming
Technology
Recommended from ReadMedium