Visual studio code is a popular open source code editor, which helps developers to develop advanced based modern web applications. It is developed by Microsoft, under Source code: MIT License; Binaries: Freeware. This editor supports several platforms including Windows, Linux, and macOS. It is a most preferred platform for the development as it offers extensive features to the developers such support for debugging, syntax highlighting, intelligent code completion, snippets, code refactoring,
Apart from this, VSC supports several other extensions. According to Wikipedia, In the Stack Overflow 2019 Developer Survey, Visual Studio Code was ranked the most popular developer environment tool, with 50.7% of 87,317 respondents claiming to use it.
However, to leverage the benefits of Visual Studio Code, we are mentioning several extensions in this blog.. It is important to know the several extensions, which helps developers in their web development process.
1) Live Sass compiler
It is a most popular extension of the developers, which is used to compile Sass/Scss files to css. This compiler helps to compile the platforms, easily and faster as compared to other extensions.
Apart from this, the major reason to opt this extension is it supports real time with live browser reload. It has extensive features such as customized file location of exported CSS, CSS Style (expanded, compact, compressed, nested)., extension name (.css or .min.css), and Quick Status bar control, exclude specific Folders by settings, live reload to browser (Dependency on Live Server extension), and autoprefixer Supported (See setting section)
2) Debugger for Chrome
Debugger for Chrome is the most popular extension, with which developers are proficient. This extension is used to debug JavaScript code in the Google Chrome browser for web pages in the Visual Studio Code environment. This extension is considered far more convenient than the Chrome console, which is already in the market to debug Javascript code. This highly popular extension is operated in two modes -
It can launch an instance of Chrome navigated to your app.
it can attach to a running instance of Chrome.
Both modes require you to be serving your web application from a local web server, which is started from either a VS Code task or from your command-line.
C#
Beautify
This popular extension is used to format files like HTML. It helps to convert the unformatted code into formatted, and offers readable codes. Developers can set this setting in the Visual Studio Code Extensions and utilised it in a development environment.
Conclusion
These are the top Visual code extensions, which helps developers in their development. Every .net core developer should know about them.
