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)Chat
- Chat helps to connect both Slack and Discord VS code itself.
- You can Chat with both Slack and Discord at a time.
- This chat extension removes the context of switching between VS Code to apps.
- This extension allows to sent markup code and emojis in the chat.
- This extension providing options to change chat themes
Demo :
Installation & Docs :
Installation cmd : ext install karigari.chat
Extension Link: https://marketplace.visualstudio.com/items?itemName=karigari.chat
GitHub Repo : https://github.com/arjunattam/vscode-chat
2)Remote Development
- Remote Development extension helps us connect the server source-code folders by using this extension.
- We can connect folders from different methods like Docker Container, SSH, WSL.
- We can use the all VS code feature in the folders.
Demo :
Installation & Docs :
Installation cmd : ext install ms-vscode-remote.vscode-remote-extensionpack
Extension Link: https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.vscode-remote-extensionpack
GitHub Repo: https://github.com/Microsoft/vscode-remote-release
3)File Utils
- File Utils helps to manage your files and directories.
- This extension used creating, moving, renaming, duplicating, and deleting files and directories simply.
Demo :
Installation & Docs :
Installation cmd : ext install sleistner.vscode-fileutils
Extension Link: https://marketplace.visualstudio.com/items?itemName=sleistner.vscode-fileutils
GitHub Repo : https://github.com/sleistner/vscode-fileutils
4)Mocha sidebar
- Mocha sidebar extension helps to view the mocha test case files in a separate sidebar panel.
- In the Mocha sidebar, you can run the single test file and all files.
- You can run the test while saving.
- This extension supports all level hierarchy from all tests to a single test.
- You can view the test case status file itself.
- This extension supports inline error messages and suggests code snippets.
Demo :
Installation & Docs :
Installation cmd : ext install maty.vscode-mocha-sidebar
Extension Link: https://marketplace.visualstudio.com/items?itemName=maty.vscode-mocha-sidebar
GitHub Repo : https://github.com/maty21/mocha-sidebar
5)XML to JSON
- XML to JSON Extension helps to convert your XML document to a JSON file.
- You can convert the JSON file from the documents and clipboards.
- You can convert the selection of XML to JSON.
Demo :
Installation & Docs :
Installation cmd : ext install buianhthang.xml2json
Extension Link: https://marketplace.visualstudio.com/items?itemName=buianhthang.xml2json
GitHub Repo : https://github.com/anhthang/vscode-xml2json
6)JSON to CSV
JSON to CSV helps to convert you JSON file into CSV and CSV file to JSON.
Demo :
Installation & Docs :
Installation cmd : ext install khaeransori.json2csv
Extension Link: https://marketplace.visualstudio.com/items?itemName=khaeransori.json2csv
GitHub Repo : https://github.com/khaeransori/vscode-json2csv
7)Auto Import
- Auto Import extension helps to suggest all available import options.
- Auto Import supports Typescript and TSX files.
- Auto Import is providing some configuration for importing files like spacing between brace and quotes and more.
Installation & Docs :
Installation cmd : ext install steoates.autoimport
Extension Link: https://marketplace.visualstudio.com/items?itemName=steoates.autoimport
GitHub Repo : https://github.com/soates/Auto-Import
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 7
Best Visual Studio Code Extensions - Part 6
Best Visual Studio Code Extensions - Part 5
Best Visual Studio Code Extensions - Part 4
Best Visual Studio Code Extensions - Part 3
Best Visual Studio Code Extensions - Part 2
Best Visual Studio Code Extensions - Part 1
Best IDE / Editor Web Development
Best 5 Angular UI component library
Why JavaScript most popular ?
Super😀👌👌💫
ReplyDelete👌
ReplyDeleteThank you
ReplyDelete