馃攳
How to Run HTML in Visual Studio Code on Windows 10 2022 - YouTube
Channel: Tech Decode Tutorials
[0]
hey guys if you're looking for how you
[2]
can run html in your favorite visual
[4]
studio code
[5]
then you are in the right place watch
[7]
this video until the end
[9]
because i'm about to show you step by
[11]
step process
[12]
to configure visual studio code for
[15]
running html
[16]
using google chrome on windows 10 so
[18]
without further ado
[20]
let's get started
[22]
[Music]
[29]
first of all copy this command i have
[32]
provided this command in the video
[33]
description
[35]
now open visual studio code if you don't
[38]
have a visual studio code then you can
[40]
watch
[40]
this video to download and install
[43]
visual studio code on windows 10
[47]
now click on extension button
[52]
in the search bar type code runner
[55]
select the first option
[59]
and click on this small install button
[64]
you can run the code by pressing ctrl
[67]
alt plus
[68]
n and to stop the code from running you
[70]
can press ctrl
[72]
alt m now click on file
[75]
then select preference then select
[77]
settings
[81]
now click on this open settings json
[83]
button
[85]
press enter and write code and select
[89]
coderunner.executor map
[91]
scroll up to top
[95]
and add new line then type double quotes
[99]
html colon space
[102]
double quotes and paste the copied
[104]
command here
[105]
i have already provided this command in
[107]
the video description
[109]
just make sure you have google chrome
[111]
installed in your windows stand machine
[113]
now save the changes we can now close
[117]
all of these windows
[120]
now let's write some basic html in the
[123]
visual studio code
[124]
for testing purpose we can create new
[127]
file
[127]
by pressing control plus n
[130]
now click on file then select save as
[134]
choose your preferred directory i'm
[136]
selecting desktop here
[138]
give a name to your file and name this
[140]
file
[141]
subscribe dot html just make sure
[144]
you don't forget to add dot html at the
[147]
end of the file otherwise it won't work
[150]
then click on save
[154]
now you can press exclamation mark to
[156]
load basic html template
[159]
this is a cool feature available in
[160]
visual studio code
[162]
[Music]
[164]
now let me change the title to type
[168]
decode
[170]
[Music]
[172]
let me add a h1 tag which prints
[174]
subscribe now
[177]
don't forget to save your code
[184]
run the code you can click on this play
[186]
button
[188]
it will automatically launch google
[189]
chrome with our html file
[192]
and it works see subscribe now is
[195]
printed here
[196]
if you followed the steps in this video
[199]
and reached until here
[200]
i am assuming this method has been
[202]
working for you so
[203]
i am requesting you please like the
[205]
video and subscribe to my channel
[208]
it won't cost you anything but it will
[210]
definitely boost my moral for making
[212]
more such videos
[214]
so this is how you can run html in
[216]
visual studio code
[218]
using a google chrome browser if you are
[220]
interested in learning more about
[222]
html language then be sure to check out
[224]
our beginners web development
[226]
course at the first link in the
[227]
description
[229]
subscribe and turn on the notifications
[231]
so you don't miss more videos
[233]
helping you to learn how to code and
[235]
become a successful programmer
[236]
and i'll see you in the next video take
[239]
care
Most Recent Videos:
You can go back to the homepage right here: Homepage