10 VS Code Extensions for FrontEnd Engineer
Visual Studio Code, has a whole lot of extensions, they come with a kind of Extension-store (just like App store for your apps) called Market Place. There are extensions for debugging code, formatting code, key maps, development technologies (like heroku, github, docker, azure), IDE themes, code linters, code snippets and many other categories.
In this article I would highlight 10 must-have VS Code Extensions this 2020.
This extension make debugging much easier by automating the operation of writing meaningful log message.
4. Live Server
This cool extension by Ritwick Dey creates a development local server for your static and dynamic pages. A go-live button appears on your task bar so you can seamlessly run your code as a development server. It also comes with a shiny feature: Live Reload which reloads the page as soon as you save your work. Pretty awesome.
This extension is used for getting information from a Git source that can be edited in the VS environment. Commit logs, file history, and more from the Git repository files can be viewed inside the VS code itself, and that saves time, too.
This extension is used for taking code snippet screenshots. It can be used to copy and paste the code you need in snippet screenshots easily and save them after installing the extension. You can find the detailed information regarding the extension in the following link.
This extension is used for bring icons to your Visual Studio Code.
You can open any type of file with the default program, not only html file.
Markdown Preview Enhanced is an extension that provides you with many useful functionalities such as automatic scroll sync, math typesetting, mermaid, PlantUML, pandoc, PDF export, code chunk, presentation writer, etc. A lot of its ideas are inspired by Markdown Preview Plus and RStudio Markdown.
NOTE: These are images taken 1year back, at this moment all the plugins has almost installed twice this time 😉
Thanks for reading the article ❤️