Best VS code extensions used for web development

VS Code is one of the best and lightweight code editors. The dark theme and variety of extensions that very developer-friendly. This article mentions best vs code extensions which can help developers to coder faster and cleaner.

Thunder Clie…


This content originally appeared on DEV Community and was authored by Unnati Bamania

VS Code is one of the best and lightweight code editors. The dark theme and variety of extensions that very developer-friendly. This article mentions best vs code extensions which can help developers to coder faster and cleaner.

Thunder Client

Say bye to Postman once you've installed this extension. This extension helps to make API calls on VS code. All you've to do is go to the extension section and install the thunder client extension. You'll find a small electrifying icon on the left-hand side. Click on it and you're good to go.
Alt Text

Alt Text

Markdown All in One

It would be nice if your complete markdown, which includes auto-preview, shortcuts, autocomplete, were managed by a single extension. With this extension, you can have a live preview of your markdown, and using shortcuts like ctrl+b and ctrl+i makes preparing markdowns less excruciating.
For live preview use command ctrl + shift + k + v.
Alt Text

Prettier

Developers are most often troubled by the commas and colons or by adjusting the code properly. Prettier code extension manages the code format and aligns it properly so that the code looks pretty.
Alt Text

CSS Peek

CSS Peek extension is a handy extension to check for CSS code while typing HTML tags. When you hover over the class name and hit control then you get the CSS code of that class. On clicking on the class it will take you the code on the CSS page.
Alt Text

Live Server

This server helps to reload the page after saving the code. While previewing the saved code you need not refresh the page manually. It reloads the page and shows to output for recently saved code.
Alt Text

Emmet

Most of the time it's boring to write the complete HTML tag with head and title and other tags within the head tag. Emmet extension gives the initial code for HTML pages. When you type

!+tab

You get the initial code.

Auto Rename Tag

This is a very powerful and useful extension for web developers. It auto-completes the ending tag same as the starting one and vice versa. This extension is also useful for React applications.

There are a lot of other VS code extensions which are very handy if you know any please do mention them down in the comment section.


This content originally appeared on DEV Community and was authored by Unnati Bamania


Print Share Comment Cite Upload Translate Updates
APA

Unnati Bamania | Sciencx (2021-05-02T10:46:24+00:00) Best VS code extensions used for web development. Retrieved from https://www.scien.cx/2021/05/02/best-vs-code-extensions-used-for-web-development/

MLA
" » Best VS code extensions used for web development." Unnati Bamania | Sciencx - Sunday May 2, 2021, https://www.scien.cx/2021/05/02/best-vs-code-extensions-used-for-web-development/
HARVARD
Unnati Bamania | Sciencx Sunday May 2, 2021 » Best VS code extensions used for web development., viewed ,<https://www.scien.cx/2021/05/02/best-vs-code-extensions-used-for-web-development/>
VANCOUVER
Unnati Bamania | Sciencx - » Best VS code extensions used for web development. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/05/02/best-vs-code-extensions-used-for-web-development/
CHICAGO
" » Best VS code extensions used for web development." Unnati Bamania | Sciencx - Accessed . https://www.scien.cx/2021/05/02/best-vs-code-extensions-used-for-web-development/
IEEE
" » Best VS code extensions used for web development." Unnati Bamania | Sciencx [Online]. Available: https://www.scien.cx/2021/05/02/best-vs-code-extensions-used-for-web-development/. [Accessed: ]
rf:citation
» Best VS code extensions used for web development | Unnati Bamania | Sciencx | https://www.scien.cx/2021/05/02/best-vs-code-extensions-used-for-web-development/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.