Visual Studio Code setup for HTML CSS and JavaScript | VS Code setup for beginners

Показать описание

In this tutorial we are going to setup Visual Studio code also known as VS code for a beginner HTML CSS and JS environment

-----------------------------------------------------------------------------

👨‍🏫 Check out my Website for more tutorials and 👨‍🏫 Udemy Course :

-------------------------------------------------------------------------------------------------
Timestamps:
0:00 - Intro
0:27 - How to download visual studio code
1:40 - How to create and open a new project in VS Code
2:48 - VS Code Live server Extension
3:17 - how to create a html file in vs code
5:02 - VS Code Prettier Extension
5:13 - VS Code Bracket Pair Colorizer Extension
6:47 - VS Code Better Comments Extension
7:51 - VS Code HTML CSS Support Extension
8:30 - VS Code JavaScript ES6 code snippets Extension

Crash Courses Videos:
-------------------------------------------------------------------------------------------------

-------------------------------------------------------------------------------------------------
Video Playlist:

Regular Expressions:

Learn JavaScript by creating a Game:

Create a Responsive Website:

-------------------------------------------------------------------------------------------------
FOLLOW ON SOCIAL MEDIA:

#vscode #webdevelopment

Рекомендации по теме

Комментарии

Thank you so much, it was really useful and understandable!

pahulpreetkaur

Don`t be shay, stay awhile and listen. Also leave you questions or suggestion in the comments!

NorbertWebDev

Thank u so much! We appreciate your work !

valorino

after word wrap what shall i do? control shift and??

itsmebiswarup_

wow its so helpful btw im new at web developing I started from c# but i feel its not for me thanks for the set up

johnarnoldcatedrilla

Hey :D. I appreciate you for uploading such a beginner friendly video. Noob question upon downloading Bracket Pair colorizer 2 it says that the extension is now deprecated, the functionality is built in to VS code. Is the full functionality built in or is there any alternative extension to download ?

Thank you again for your time <3

Nogxme

hi I have a question, what command did you use to appear the (<!doctype.html> command and the other code with it.?

gelo

Thank you for valuable info - I'm very new to this field to know more about extensions in vs code to start any practice my project in programming.😀😊👏👌👌

bhaskarteja

Thank you so much it's very helpful

shobhamurugan

Quick Question: Is it required to put the
<html lang="en">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

commands at the start of the code or can I just jump straight into writing the title and so on as if I were on a notepad on a windows pc?

Thank you for posting this video, it was very helpful!!

chloenn

now that the Html snippets is depreciated do you recommend any other extension?

deepam

Thank you so much sir it's help me alot 🙌

DeepakChaudhary-ysyt

Hi thanks a lot for this video. However, I am not getting any options/shortcuts when I press ! in the text editor. Is there a setting I'm missing?

SrividyaS

thanks man! you saved my hella amount of time... .

imaginaryworld

man u just earned a subs
thanks for this tutorial

ujjwalsilwal

such a good video, love for this my brother

dealwithdashi

thanks to you ....it's a helpful video for beginners💯

gunaganti_ganesh_artz

I just get a "File could not be accessed" when I try doing this. Exactly to the letter but not working.

Gored

is Live Server and Microsoft Live Preview - VS Code Extension both are the same ?

fa-iizii

Hi I'm currently a high school student and I love your content it inspires me to explore more on Web Development. You just earned a new subscriber, btw I have this error when I run my html code I was directed to google chrome then it says that "This site can’t be reached Check if there is a typo in testing.html.
If spelling is correct, try running Windows Network Diagnostics.
DNS_PROBE_FINISHED_NXDOMAIN" may I ask how can I fix this?

Matt_

Visual Studio Code setup for HTML CSS and JavaScript | VS Code setup for beginners

Learn Visual Studio Code in 7min (Official Beginner Tutorial)

My Visual Studio Code Setup for Web Development

How Install Visual Studio Code on Windows 11 (VS Code) (2024)

How to Set up Visual Studio Code for C and C++ Programming

Visual Studio Code 2022 | Web Dev Setup | Top Extensions, Themes, Settings, Tips & Tricks

Install VS Code In 2 Minutes | Windows & Mac | English

How to Install Visual Studio Code on Windows 10 [2023 Update] Complete Guide

Install and Use Visual Studio Code on Windows 10 (VS Code)

How to Install Visual Studio Code in Just 5 minutes on Windows 11 | (2024) | (VS Code)

Visual Studio Code Installation on M1 Mac, Windows & Intel Mac | VS Code for Java, C & C++

How to Setup Visual Studio Code for HTML, CSS, and JavaScript

VSCode Tutorial For Beginners - Getting Started With VSCode

VS Code Installation for C++ in Windows | Step by step process explanation

How to set up Java in Visual Studio Code

VS Code in 100 Seconds

25 VS Code Productivity Tips and Speed Hacks

How to set up Python on Visual Studio Code

How to Set up Visual Studio Code for C and C++ Programming

How I Setup And Customize VSCode

Lec 1: How to Install and Set Visual Studio Code and MinGW Compiler for C and C++ | C++ Tutorials

Visual Studio Code setup for HTML CSS and JavaScript | VS Code setup for beginners

Run HTML Files using Visual Studio Code 2022

How to Set up VS Code for Data Science & AI

How to install Visual Studio Code on Windows 10/11 [ 2023 Update ] Complete Guide