Let's see some best VS code extensions for web development to Improve your Productivity.
Step to install vs code extension :
Open VS Code Quick Open (Ctrl+P) -> Paste the ${vs-code-cmd} and press enter.
1) Git Graph
- Git Graph helps to view your git commit, Local & Remote Branches & Heads, Tags & Remotes, Uncommitted Changes as Graphical view.
What do we do with Git Graph?
- We can perform basic git operations like Create, Checkout, Delete, Fetch, Merge, Pull, Push, Rebase, Rename & Reset Branches, and more.
- We can change the commit and view the commit details and also will compare the two different commits.
- We can code review and track which files you have reviewed in the Commit Details & Comparison.
Demo :
Installation & Docs:
Installation cmd : ext install mhutchie.git-graph
Extension Link: https://marketplace.visualstudio.com/items?itemName=mhutchie.git-graph
GitHub Repo : https://github.com/mhutchie/vscode-git-graph
2)Adobe XD
- Adobe XD helps visually map design sources with XD files.
- We can use the Creative Cloud Libraries.
- We can do platform-specific code with the help of design tokens.
- We can import all components and code snippets from Design System Packages (DSPs).
- DSP tokens and components help develop applications or websites quickly.
Some DSP Here :
Demo :
Installation & Docs:
Installation cmd : ext install Adobe.xd
Extension Link: https://marketplace.visualstudio.com/items?itemName=Adobe.xd
Git Repo : https://github.com/AdobeXD/design-system-package-dsp
Learn More on : https://www.adobe.com/products/xd/learn/design-systems/cloud-libraries/vscode-extension.html
3)Thunder Client
- Thunder Client is a Rest API Client for test the API and Mirco services.
- Thunder Client is an alternative for the postman tool.
- Thunder Client supports Graphql, Environment Variables, VS Code Theme.
- Thunder Client provides a simple, clean visualization panel for requests and responses.
- Thunder Client provides a clean panel for render responses in VS code itself.
Demo :
Installation & Docs :
Installation cmd : ext install rangav.vscode-thunder-client
Extension Link: https://marketplace.visualstudio.com/items?itemName=rangav.vscode-thunder-client
GitHub Repo : https://github.com/rangav/thunder-client-support
Website & Doc : https://www.thunderclient.io/
4)vscode-pdf
- The vscode-pdf helps to view the pdf files in visual studio code.
- This vscode-pdf extenson elimate context of switching between application to read pdf documents.
Demo :
Installation & Docs :
Installation cmd : ext install tomoki1207.pdf
Extension Link: https://marketplace.visualstudio.com/items?itemName=tomoki1207.pdf
GitHub Repo : https://github.com/tomoki1207/vscode-pdfviewer
5)Sort JSON objects
- Sort JSON Objects extension helps to sort Objects in different ways.
- We can sort Objects by key length, values, alpha number, and so on.
- We can sort Objects by both ascending and descending.
Demo :
Installation & Docs :
Installation cmd : ext install richie5um2.vscode-sort-json
Extension Link: https://marketplace.visualstudio.com/items?itemName=richie5um2.vscode-sort-json
GitHub Repo : https://github.com/richie5um/vscode-sort-json
I think this information is helpful to you.
Thanks for reading - Don't Forgot To Share & Comment
Any suggestion or queries please comment, our team will response asps.
You may like this :
Best Visual Studio Code Extensions - Part 1
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
👌
ReplyDeleteNice 🤩 keep doing
ReplyDelete💖
ReplyDelete👌
ReplyDelete