Best Visual Studio Code Extensions for Web Development — Part 2

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

- 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 :

Quokka.js (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

- 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 :

Random Everything (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

- 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 :

Tabnine AI Code Completion (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

- 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 :

Bracket Pair Colorizer (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

Live Server

- A live Server extension is a local server.

- It helps run your static & dynamic website with live reload (hot-reload).

Demo :

Live Server (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

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 :

vscode-icons (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

Originally published at https://www.attractiveaurora.com on July 30, 2021.