Let's see some best and useful vs code extensions for web development.
Step to install vs code extension :
- Open VS Code Quick Open (Ctrl+P) -> Paste the ${vs-code-cmd} and press enter.
1)Quokka.js
- Quokka.js is an extension playground for JavaScript and TypeScript.
- Quokka.js extension help to run the javascript and typescript code in VS Code.
- Quokka.js extension output values are updated and displayed next to your code as you type.
Demo :
Installation & Docs :
Installation cmd : ext install WallabyJs.quokka-vscode
Extension Link: https://marketplace.visualstudio.com/items?itemName=WallabyJs.quokka-vscode
GitHub Repo : https://github.com/wallabyjs/quokka
Website & Docs: https://quokkajs.com/docs/
2)Random Everything
- Random Everything extension help to generates random Ints, Floats, Strings, Words, Date, First name, Last name, Full name, E-mail, Url, Hex Color, IPv4, IPV6, GUID, Country, etc.
Demo :
Installation & Docs :
Installation cmd : ext install helixquar.randomeverything
Extension Link: https://marketplace.visualstudio.com/items?itemName=helixquar.randomeverything
GitHub Repo : https://github.com/helixquar/randomeverything
3)Tabnine AI Code Completion
- Tabnine AI Code Completion extension help to suggests code syntax for most of the popular languages.
- Tabnine AI Code Completion work with the upcoming languages Typescript, Javascript, React, Angular, Vue, Ruby, Scala, HTML, Go, Kotlin, CSS / SCSS, Objective C, SQL, Bash, Swift, Java, Perl, C/C++, Php, Python, etc.
Demo :
Installation & Docs :
Installation cmd : ext install TabNine.tabnine-vscode
Extension Link: https://marketplace.visualstudio.com/items?itemName=TabNine.tabnine-vscode
GitHub Repo : https://github.com/codota/tabnine-vscode
Website: https://www.tabnine.com/
4)Bracket Pair Colorizer
- Bracket Pair Colorizer extension helps to match brackets to be identified with colors.
- Users can define their own colors for which characters to match, and which colors to use.
Demo :
Installation & Docs :
Installation cmd : ext install CoenraadS.bracket-pair-colorizer
Extension Link : https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer
GitHub Repo : https://github.com/CoenraadS/BracketPair
5)Live Server
- A live Server extension is a local server.
- It helps run your static & dynamic website with live reload (hot-reload).
Demo :
Installation & Docs :
Installation cmd : ext install ritwickdey.LiveServer
Extension Link: https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer
GitHub Repo : https://github.com/ritwickdey/vscode-live-server
Website: https://ritwickdey.github.io/vscode-live-server/
6)vscode-icons
- it helps to show icons to your file extension like .css,.js, .html, etc.
- it provides icon themes it changes the file icons based on icon themes.
Demo :
Installation & Docs :
Installation cmd : ext install vscode-icons-team.vscode-icons
Extension Link : https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons
GitHub Repo : https://github.com/vscode-icons/vscode-icons
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 1
Best Visual Studio Code Extensions - Part 3
Best Visual Studio Code Extensions - Part 4
Best 5 Angular UI component library
Best IDE / Editor Web Development
Most Popular JavaScript Frameworks & Libraries for Web Development
👍
ReplyDeleteThank you
ReplyDelete