Best Visual Studio Code Extensions for Web Development

VS Code Extension makes development easy and reduces the development time, helps to improve the code standard.

Step to install vs code extension :

Open VS Code Quick Open (Ctrl+P) -> Paste the ${vs-code-cmd} and press enter.

Let's see amazing extensions :

1) Code Spell Checker

Best Visual Studio Code Extensions for Web Development - Code Spell Checker

Code Spell Checker help find a spelling mistake in code and suggest the correct spelling. Spell checker that works great with camelCase code.

Demo :

Installation & Docs :

Installation cmd : ext install streetsidesoftware.code-spell-checker

Extension Link: https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker

GitHub Repo : https://github.com/streetsidesoftware/vscode-spell-checker

2) Change Case

Change case allows transforming the text or words to upper-case, lower-case,camel-case, etc..,

Change case allows support multi-line case conversion.

Demo :

Installation & Docs :

Installation cmd : ext install wmaurer.change-case

Extension Link: https://marketplace.visualstudio.com/items?itemName=wmaurer.change-case

GitHub Repo : https://github.com/wmaurer/vscode-change-case

3) Paste Json as Code

Paste JSON as Code help to generate your interface by using JSON schema.

Paste JSON as code support most of the programs like JavaScript, Python, Go, C#, Java, Kotlin, Swift, Rust, C++, TypeScript, Flow, Objective-C, Elm, Ruby, and JSON Schema.

Demo :

Installation & Docs :

Installation cmd : ext install quicktype.quicktype

Extension Link: https://marketplace.visualstudio.com/items?itemName=quicktype.quicktype

GitHub Repo : https://github.com/quicktype/quicktype

Website : https://quicktype.io/

4) Prettier - Code formatter

Prettier is an opinionated code formatter and It helps to make a standard style by parsing your code and re-printing it with its own rules that take the maximum line length into account, wrapping code when necessary.