How to Run Javascript in Visual Studio Code on Windows 10 2022
How to Run Javascript in Visual Studio Code on Windows 10 2022
Run Javascript 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 Javascript program on Windows 10 and I’m also gonna show you how you can run your first javascript program in visual studio code on windows 10 machine.
The Complete JavaScript Course 2022: From Zero to Expert! The modern JavaScript course for everyone! Master JavaScript with projects, challenges and theory. Many courses in one!
Also, Watch How to Run HTML in Visual Studio Code on Windows 10 2021: • How to Run HTML in Visual Studio Code… How to Run Java in Visual Studio Code on Windows 10 : • How to Run JAVA in Visual Studio Code… 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 : • 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 Run C in Visual Studio Code on Windows 10 2021 Best Code Editor : • How to Run C in Visual Studio Code on… How to install JDK on Windows 10 : • How to Install Java JDK JRE on Window… How to Download and Install Visual Studio Code on Windows 10 2021 : • How to Download and Install Visual St…
Time Stamp
0:00 - Introduction 0:36 - How to download nodejs for windows 10 1:31 - How to install nodejs on windows 10 2:27 - How to check nodejs is installed on windows 10 2:47 - How to check npm is installed on windows 10 3:14 - How to install visual studio code on windows 10 3:23 - How to setup visual studio code for running javascript program 3:30- How to install Javascript ES6 Intellisense, debugging and code browsing extension in visual studio code 3:46 - How to install code runner extension in visual studio code 4:15 - How to create first Javascript program in visual studio code 5:02 - How to run javascript program in vscode 5:38 - How to take input in javascript program nodejs in vscode 6:00 - How to install node package in visual studio code propt-sync 6:32 - How to fix cannot edit in read-only editor vscode 7:07 - Run Javascript program that takes input from the user in visual studio code 10:49 - Subscribe - https://bit.ly/2OH9Jv5
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.
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! :)
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.06 -> Hey guys, If you’re looking for How you
can run Javascript programs in your favourite
4.52 -> Visual Studio Code then you are in the right
place!
7.7 -> Watch this video until the end because
I’m about to show you step by step process
12.98 -> to configure visual studio code for running
Javascript programs correctly.
17.9 -> And I’m also gonna show you how you can
run two basic Javascript program in Visual
22.53 -> Studio Code on Windows 10 Machine.
So without further ado let's get started…
32.13 -> Firstly, we have need to download and install
NodeJS
39.58 -> To download it.
Copy this link. I have provided this link
45.56 -> in the video description.
Now Open up your favourite web browser. I’m
50.38 -> using Google Chrome here.
then paste the copied link into to search
54.19 -> bar. And hit enter. This is the official
page for downloading the latest version of
60.5 -> Nodejs and NPM for all operating systems.
63.87 -> Since we are using windows 10, so we will
select windows installer.
68.479 -> It is available for both 32 and 64 bit.
I’m having a 64bit system so I’ll click
74.52 -> on this 64bit button.
And Now you can see our nodejs installer file
79.499 -> is started downloading here. It will
take some time to download
83.34 -> Once the downloads get finished, click on
this up arrow and select show in folder.
90.03 -> We need to install this file.
Simply double click on this file and… it
95.409 -> will start the setup wizard….
97.429 -> Let me close all other windows so that we
can focus on installation part.
102.53 -> It says Welcome to the Node.js Setup wizard
and this setup wizard will install nodejs
109.5 -> on your computer.
111.28 -> Click on next button.
114.219 -> Accept the End-User License Agreement and
then click on next button.
120.369 -> No need to change installation folder. We’ll
just stick to default and press on Next button.
126.71 -> Click on next.
128.759 -> And finally click on Install button.
131.95 -> It will take some time to install….. It
says Nodejs has been successfully installed.
141.39 -> Now we can click on finish button.
Good Job!!
145.519 -> Now let’s check Node is working or not.
Click on Windows Button.
151.379 -> Then type cmd and then click on command prompt.
Now let’s first check for Nodejs version
160.75 -> Here type node --version and press enter.
As you can see we have the latest Nodejs version
169.34 -> installed here.
Now let’s check of npm
172.519 -> Type npm --version and press enter.
As you can see we have the latest version
181.02 -> of npm installed here.
Congratulations you have successfully installed
185.84 -> Nodejs and NPM on your windows 10 machine
correctly.
190.299 -> Now Open Visual Studio Code
If you don’t have a visual studio code then
194.93 -> you can watch this video to download and install
visual studio code on Windows 10.
202.64 -> Now Click on Extension button.
205.36 -> And in the search bar type javascript es6
and select the first option.
215.81 -> Now click on this small install button.
It will install Code snippets for JavaScript
220.969 -> in ES6 syntax.
224.43 -> Now clear the search field and Type code runner…
and Select the first option. Make sure it
236.23 -> is from Jun Han And Click on this small install
button.
243.62 -> You can run the code by pressing control +
alt + n and to stop the code from running
249.56 -> you can press control + alt + m.
252.73 -> We can now close all of these windows.
255.579 -> Now lets create first basic JavaScript Program
that prints the message “Subscribe Now”
260.84 -> in the Visual Studio Code for testing.
263.81 -> We can create new file by clicking on File
and then select New File.
270.3 -> Now again Click on File then select save as.
Choose your preferred directory .. I’m selecting
277.05 -> Desktop here.
Give a name to your file. I’ll name this
280.82 -> file. Subscribe.js Just make you don’t forget
to add dot js at the end of the file. Otherwise,
289.11 -> it won’t work.
Then click on save.
292.24 -> Now type console dot log in parentheses type
your desire message I’m writing Subscribe
298.71 -> Now and add semicolon to terminate the statement. Don’t
forget to save your code.
305.07 -> To run the code you press control + alt +
n or simply click on this play button.
312.22 -> And it works!!!
See Subscribe Now! Is printed here.
317.71 -> If you followed the steps in this video and
reach until here, I’m assuming this method
322.83 -> has been working for you so I’m requesting
you to please like the video and subscribe
327.9 -> to my channel. It won’t cost you anything
but it will definitely boost my moral for
333.02 -> making more such videos.
Okay Now let's create another program which
337.699 -> takes input from the user. for that click
on file then click on new file and again click
345.011 -> on file and select save as. I will name this
file inputprogram.js and then click on save
354.849 -> Now before writing the code we need to install
a node package for taking input from the user. To
360.52 -> do this click on Terminal and select New Terminal
and type rpm install prompt-sync then press
371.56 -> enter.
It will install a sync prompt for the node.
375.36 -> And it’s done.
Now we can close this.
378.89 -> Okay here I am writing the code for the
program that asks the user for its first name
384.22 -> and last name and finally prints full name
of the user back to the output console Don’t
389.569 -> forget to save your program before running
the code.
392.229 -> Let’s run the program by pressing run play
button.
396.099 -> so our code is running but we are not able
to input our first name here so this is the
400.72 -> problem
401.72 -> we can solve this problem by clicking on File
then select preference then select settings
410.03 -> type run in terminal here ..
and go down a little bit and and find code
414.05 -> runner run in terminal and check this box
and cancel the settings and return back to
419.539 -> our program.
Now try to run the code. It’s says code
423.82 -> is already running!! to stop this press
control + alt +m
428.379 -> Now run the code by pressing run play button.
432.52 -> let me type my first name here
now the last name and now you can see
438.62 -> my full name is printed here
441.099 -> so this is how you can run Javascript
program in visual studio code
445.72 -> If you are interested in learning more
about javascript language then be sure to
451.05 -> check out the beginner Javascript Course at
the first link in the
455.36 -> description.
456.36 -> “Subscribe and turn on notifications so
you don’t miss more videos helping you to
461.43 -> learn how to code and became a successful
programmer! and I’ll see you in the next
