When it comes to extensibility, VSCode comes with so many Extensions which one can use to do work quickly which helps prevent redundancy. All these can be found on the Visual Studio Code marketplace and surprisingly most are offered free for download. This article outlines 5 useful extensions that make web Design and Development more enjoyable while using Visual Studio Code.
Prettier
After all, what usually happens is that people first get used to using Prettier and realize that they actually spend a lot of time and mental energy formatting their code. With Prettier editor integration, you can just press that magic key binding and poof, the code is formatted. This is an eye-opening experience if anything else.
Live Server
The Live Server extension in VS Code starts a local server and serves the contents of files in the workspace. The server will automatically reload when an associated file is changed.
VSCode Icons
There are also icon packs that enhance the appearance of various types of files in Visual Studio Code. They facilitate the improvement in the look of the application and help one easily identify and differentiate file types.
IntelliCode
IntelliCode guides you to have accuracy and consistency in code completion that can fill in a whole line of code at once. It uses AI to detect the context in which you write code, including variable names, functions, and the type of code being written to give you the best suggestions. And IntelliCode runs on your machine, so your private code stays private.
ESLint
ESLint analyzes your code statically, so you’ll find issues quickly. ESLint is integrated into vscode and most text editors , and you can run ESLint as part of your continuous integration pipeline.
