DEV Community

OnlineITtuts-Tutorials
OnlineITtuts-Tutorials

Posted on

Best VS Code Extension for HTML CSS and JavaScript

Best VS Code Extension for HTML CSS and JavaScript

In this video tutorial, we are going to see the Best VS Code Extensions for HTML CSS, and JavaScript. I've been using these extensions on my VS Code Editor, So I've decided to share with you each extension and how to configure it.

1- Live Server
If you are working client-side project, then the Live Server Extension is very important to you. You can use that and display code output on the browser without refreshing a page.

2-Auto Rename Tag
When you change the starting auto the closing tag is automatically closed with the help of Auto Rename Tag, So you should try it.

03- IntelliSense for CSS
That extension is used to display the hint of CSS and also you can use Bootstrap it will display the hint of classes inside the dropdown menu.

4- Prettier - Code formatter
Prettier Code Formatter which is used to format the code on your editor. You can easily check out the starting and closing project codes.

05- Color Highlights
When you use CSS to design the background, colors, etc, So, it will help you to display the colors on vs code.

06- Path Intellisese
If you face a problem getting the path of the file, or folder, so you need to use that extension, that is used to display the current file path inside the vs code.

07- JavaScript (Es6) Code Snippet
JavaScript extension is very helpful for us to suggest the JS code with the help of Extension. I also using the extension on my VS Code Editor.

08- Quokka
It's JS based extension that is used to display the object's details inside the VS code, If any property doesn't exist inside the object, then It will display an error, you can try it.

09- Material Icon Theme
Want to change the VS Folders and file colors, you need to use that extension. Once you installed and used that, your project files, folders, etc colors have changed.

10- Monokai Pro
It's a paid theme, but you can use it free of cost that used to display the colorful codes inside the VS Code editor.

These extension I've been using these inside my VS Code Editor, If you have any other extensions you can leave a comment I will try to make another video and add it to the video.

I hope this tutorial is helpful and beneficial for you.

Top comments (0)