How to Run HTML in Visual Studio Code on Windows 10 2022

How to Run HTML in Visual Studio Code on Windows 10 2022

How to Run HTML in Visual Studio Code on Windows 10 2022

Run HTML in visual studio code on Windows 10
Hey, guys in this video I’m going to show you how you can configure visual studio code (#vscode) to run HTML program on #Windows 10 OS (operating system) using Code Runner Extension visual studio code HTML and I’m also gonna show you how you can run basic sample program on #vscode_html HTML in vscode on mac

👉 Complete Web Development Course - https://bit.ly/WebDevelopmentCourseBo…

Universal Command : “html”: “cd $dir \u0026\u0026 \“$fileName\""

Command [Chrome]: cd $dir \u0026\u0026 start chrome $dir \u0026\u0026 $fileName
Command [Edge]: cd $dir \u0026\u0026 start msedge $dir \u0026\u0026 $fileName
Command [Firefox]: cd $dir \u0026\u0026 start firefox $dir \u0026\u0026 $fileName

👉 If the above command doesn’t work try below commands

Command [Chrome]: cd $dir \u0026\u0026 start chrome $fileName
Command [Edge] : cd $dir \u0026\u0026 start msedge $fileName
Command [Firefox] : cd $dir \u0026\u0026 start firefox $fileName

👉 Free Complete Web Development Course - https://bit.ly/Best_Web_Development_C…

Become a full-stack web developer with just one course. HTML, CSS, Javascript, Node, React, MongoDB and more!

Also, Watch
How to Run Java in Visual Studio Code on Windows 10 :    • How to Run JAVA in Visual Studio Code…  
How to Run Javascript in Visual Studio Code on Windows 10 2021 :    • How to Run Javascript in Visual Studi…  
How to Run Python in Visual Studio Code on Windows 10 :    • How to Run Python in Visual Studio Co…  
How to Run C in Visual Studio Code on Windows 10 2021 Best Code Editor :    • How to Run C in Visual Studio Code on…  
How to Run C++ in Visual Studio Code on Windows 10 :    • How to Run C++ in Visual Studio Code …  
How to Run C# in Visual Studio Code on Windows 10 :    • How to Run C# in Visual Studio Code o…  
How to install JDK on Windows 10 :    • How to Install Java JDK JRE on Window…  

Time Stamp

0:00 - Introduction
0:46- How to install Code Runner extension
1:12 - How to configure Visual Studio Code for running HTML
2:01 - Create your first HTML program in visual studio code
3:01 - How to run HTML in visual studio code
3:39 - Free Web Development Course
3:48 - Subscribe - https://bit.ly/2OH9Jv5

★★★Best Online Programming Courses★★★

👉 Python Programming Course ➡️ https://bit.ly/BeginnersPythonCourse
👉 Java Programming Course ➡️ https://bit.ly/JavaProgramCourse
👉 C Programming Course ➡️ https://rebrand.ly/C_Programming_Mast…
👉 C# Programming Course ➡️ https://bit.ly/CsharpProgrammingCourse
👉 C++ Programming Course ➡️ https://bit.ly/CplusplusCourse
👉 JavaScript Programming Course ➡️ https://rebrand.ly/Javascript_Course
👉 R Programming ➡️ https://bit.ly/RprogrammingCourse
👉 PHP Programming Course ➡️ https://bit.ly/PHP_Programming_Course
👉 Android Development Course ➡️ https://bit.ly/CompleteAndroidCourse
👉 NodeJs Programming Course ➡️ https://rebrand.ly/Javascript_Course

My name is Yogendra Singh and on this channel @Tech Decode , I show you how you can easily download and install any programming language compiler vs interpreter and #programming hub for learning the latest programming language.

Consider subscribing for best ide and coding Bootcamp.

Subscribe : https://bit.ly/2OH9Jv5

If you found this video useful please give it a thumbs up and subscribe to my channel! and If you have any questions regarding this video, please ask them in the comment section. thanks for watching! :)

Follow Us:
👉 Facebook: https://www.facebook.com/techdecodetu…
👉 Instagram: https://www.instagram.com/techdecodet…
👉 Twitter: https://twitter.com/DecodeTutorials
👉 Linkedin: https://www.linkedin.com/company/tech…
👉 Pinterest: https://in.pinterest.com/officialtech…
👉 Website : https://www.techdecodetutorials.com/

DISCLOSURE: This video and description might contain affiliate links, which means that if you click on one of the product links, I’ll receive a small commission. This help supports the channel and allows us to continue to make videos like this. Thank you for the support! [Intro Song Credit]
Valence - Infinite [NCS Release]
Video Link -    • Valence - Infinite [NCS Release]  


Content

0 -> hey guys if you're looking for how you
2 -> can run html in your favorite visual
4.4 -> studio code
5.279 -> then you are in the right place watch
7.44 -> this video until the end
9.12 -> because i'm about to show you step by
11.679 -> step process
12.639 -> to configure visual studio code for
15.12 -> running html
16.4 -> using google chrome on windows 10 so
18.96 -> without further ado
20.32 -> let's get started
22.66 -> [Music]
29.519 -> first of all copy this command i have
32 -> provided this command in the video
33.6 -> description
35.12 -> now open visual studio code if you don't
38.559 -> have a visual studio code then you can
40.559 -> watch
40.96 -> this video to download and install
43.12 -> visual studio code on windows 10
47.2 -> now click on extension button
52.079 -> in the search bar type code runner
55.039 -> select the first option
59.28 -> and click on this small install button
64.799 -> you can run the code by pressing ctrl
67.68 -> alt plus
68.4 -> n and to stop the code from running you
70.799 -> can press ctrl
72.24 -> alt m now click on file
75.52 -> then select preference then select
77.68 -> settings
81.119 -> now click on this open settings json
83.36 -> button
85.36 -> press enter and write code and select
89.56 -> coderunner.executor map
91.92 -> scroll up to top
95.759 -> and add new line then type double quotes
99.119 -> html colon space
102.72 -> double quotes and paste the copied
104.56 -> command here
105.759 -> i have already provided this command in
107.68 -> the video description
109.119 -> just make sure you have google chrome
111.04 -> installed in your windows stand machine
113.68 -> now save the changes we can now close
117.28 -> all of these windows
120.88 -> now let's write some basic html in the
123.119 -> visual studio code
124.32 -> for testing purpose we can create new
127.2 -> file
127.68 -> by pressing control plus n
130.878 -> now click on file then select save as
134.239 -> choose your preferred directory i'm
136 -> selecting desktop here
138.16 -> give a name to your file and name this
140.16 -> file
141.2 -> subscribe dot html just make sure
144.8 -> you don't forget to add dot html at the
147.68 -> end of the file otherwise it won't work
150.239 -> then click on save
154.239 -> now you can press exclamation mark to
156.56 -> load basic html template
159.04 -> this is a cool feature available in
160.959 -> visual studio code
162.53 -> [Music]
164.08 -> now let me change the title to type
168.84 -> decode
170.67 -> [Music]
172.16 -> let me add a h1 tag which prints
174.319 -> subscribe now
177.76 -> don't forget to save your code
184.08 -> run the code you can click on this play
186.319 -> button
188.159 -> it will automatically launch google
189.92 -> chrome with our html file
192.64 -> and it works see subscribe now is
195.44 -> printed here
196.879 -> if you followed the steps in this video
199.04 -> and reached until here
200.4 -> i am assuming this method has been
202.319 -> working for you so
203.68 -> i am requesting you please like the
205.519 -> video and subscribe to my channel
208.08 -> it won't cost you anything but it will
210.239 -> definitely boost my moral for making
212.4 -> more such videos
214 -> so this is how you can run html in
216.959 -> visual studio code
218.239 -> using a google chrome browser if you are
220.48 -> interested in learning more about
222 -> html language then be sure to check out
224.56 -> our beginners web development
226.08 -> course at the first link in the
227.519 -> description
229.12 -> subscribe and turn on the notifications
231.28 -> so you don't miss more videos
233.12 -> helping you to learn how to code and
235.12 -> become a successful programmer
236.879 -> and i'll see you in the next video take
239.04 -> care

Source: https://www.youtube.com/watch?v=ssF-OdOnf58