Top 10 VS Code Extensions for Web Development (2020)

3 года назад

188,321 Просмотров

You need these 10 VS Code extensions! If you're doing Web Development with VS Code, you're going to want to install these 10 extensions. Otherwise, you're just flat out missing out!

VS Code Cheat Sheet - https://learn.jamesqquick.com/vs-code-cheat-sheet
Auth0 YouTube Channel - a0.to/yt

[00:00] - Intro
[00:27] - Auto Rename Tag
[01:33] - Bracket Pair Colorizer
[03:17] - JavaScript (ES6) Snippets
[04:49] - Live Server
[06:18] - Polacode
[07:15] - Prettier
[08:24] - Advanced New File
[10:06] - Git Lens
[11:33] - Live Share
[12:50] - Quokka
[13:44] - Bonus

_____________________________________________

Newsletter 🗞
Interested in exclusive content and discounts? 🤯 Sign up for the newsletter!
https://www.jamesqquick.com
_____________________________________________

Connect with me 😀
Live streams on Twitch - https://twitch.tv/jamesqquick
Follow me on Twitter - https://www.twitter.com/jamesqquick
Join the 💬 Discord Server 💬 - https://discord.gg/vM2bagU
_____________________________________________

COURSES 💻
Learn how to build Fullstack apps with React and Serverless Functions - https://www.jamesqquick.com/courses/react-and-serverless-fullstack-developmnent
Learn everything you need to know about Visual Studio Code - https://www.udemy.com/learn-visual-studio-code/
Build a Quiz App - https://www.udemy.com/build-a-quiz-app-with-html-css-and-javascript/

Тэги:

#vs_code_extensions #visual_studio_code_extensions #extensions_vs_code #vs_code #visual_studio_code #vs_code_web_development #web_development #top_extensions_2020 #vscode_tutorial #top_10_vscode_extensions #top_visual_studio_code_extensions #web_dev #vscode_extension #vscode_extensions_2020 #web_development_tutorial #best_vscode_extensions_for_web_developers #live_server_extensions #live_share_extension #prettier_vs_code #quokka #git_lens #vs_code_themes

Скачать видео

Комментарии:

Marc D - 27.11.2022 04:13

VS Code has a Bracket colorizer option built in it.

Ответить

Shahtaz - 20.11.2022 16:49

Great Help man! Thanks a ton

Ответить

Raphael Lukas - 11.11.2022 16:30

Great video James. Most of the extensions were not installed on my machine, but now they are. Thanks 🙂

Ответить

GeordanD - 15.10.2022 19:57

With the quokka extension how does it handle an infinite loop ????

Ответить

Kyleforthe3SIKE - 02.10.2022 02:47

Bracket coloring one is nasty

Ответить

Theodore Toke - 29.08.2022 17:56

thank you!

Ответить

Kai Buskirk - 22.08.2022 22:09

please update for 2022! danke

Ответить

CKC _ - 08.07.2022 08:38

Thank you for introducing good extensions, agent smith

Ответить

Omar Ahmed Abdelhakim - 26.06.2022 17:37

What is this double quote icon you have in the sidebar?

Ответить

Chukwuemeka Orji - 21.06.2022 17:52

Thanks It was cool I would love to know your font ?

Ответить

Suraj H S - 05.06.2022 03:51

Prettier

Ответить

Jason Edokpa - 20.04.2022 10:34

The first two extensions are already built into VSCode now.
Just open setting.json (or search in Settings) and add these two lines:
"editor.linkedEditing": true,
"editor.bracketPairColorization.enabled": true,

Ответить

Coding & Technology - 15.04.2022 13:06

This is a great informative video! I started using live server recently and it's really convenient.

Ответить

The Notex - 11.04.2022 02:10

The last one is amazing 🔥🔥

Ответить

Six1Free - 01.04.2022 19:27

you didn't mention ftp-simple? (or alternatives?)

Ответить

Ezra Lynn - 31.03.2022 20:50

Is there an extension similar to live share that makes a team project a live project. Almost like a google doc where you can work on a project together with someone else but you don't have to work on it at the same time, and it updates to the last users chamges?

Ответить