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
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.
Installation & Docs :
Installation cmd : ext install esbenp.prettier-vscode
Extension Link: https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode
GitHub Repo : https://github.com/prettier/prettier-vscode
5) GitLens - Git superchanged
GitLens really helps you better understand code.
GitLens helps to trace your code, you can get a history of your source code.
List of options to manage you git views:
Commits View - Manage your Git commits.
Repositories view - Mange you Git Repositories.
File History view - History of the current file also selected lines of the current file.
Line History view - Manage the History of the selected lines of the current file.
Branches view - Manage your Git branches.
Tags view - Manage your Git Tags.
Remotes view - Manage your Git remotes and remote branches.
Stashes view - Manage your Git Stashes.
Demo :
Installation & Docs :
Installation cmd : ext install eamodio.gitlens
Extension Link: https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens
GitHub Repo : https://github.com/eamodio/vscode-gitlens
Thanks for reading - Share & Comment
Any suggestion or queries please comment, our team will response asps.
You may like this :
Best Visual Studio Code Extensions - Part 2
Best Visual Studio Code Extensions - Part 3
Best Visual Studio Code Extensions - Part 4
Best IDE / Editor Web Development
Best 5 Angular UI component library
Most Popular JavaScript Frameworks & Libraries for Web Development
above stuffs are literally helpful
ReplyDelete