Running JavaScript Code in Visual Studio Code

Node.js is essential for running JavaScript code in Visual Studio Code, enabling web application development.

### Setting Up JavaScript Support in Visual Studio Code
* ⚙ To run JavaScript code in Visual Studio Code, you first need to install **Node.js, a JavaScript runtime environment**.
* 📦 Go to the Node.js website, **download the LTS version**, and **run the installer**.
* 🖥 ️ After installation, open a command prompt and type `node` to access the Node.js REPL, where you can **test JavaScript code**.
* 📂 Open a folder in Visual Studio Code by right-clicking and selecting "**Open with Code**" or using the terminal command `**code .**`.
* 📝 Create a new JavaScript file in Visual Studio Code, write your code, and **save it with a `.js` extension**.
* 🖥 ️ Run your JavaScript code in the terminal by typing **`node filename.js`**, or use the Code Runner extension for Visual Studio Code to **run code directly in the editor**.
* 🛠 Explore and install **JavaScript-related extensions** from the Visual Studio Code marketplace to enhance your development experience.
* 🌐 You can also run more complex JavaScript programs, such as creating a Node.js server, by **finding code examples online** and **running them in Visual Studio Code**.

hey guys, in this video, I'm going to show you how you can add JavaScript support in your Visual Studio Code editor. So essentially, I'm going to show you how you can run JavaScript code in your Visual Studio Code editor. So hopefully, you have already installed Visual Studio Code. Now, in order to run JavaScript code inside your Visual Studio Code or any operating system, you need a tool called Node.js. Node.js is a JavaScript framework which will allow you to create web applications in JavaScript, right? So if you install Node.js, you will be able to run JavaScript code. Also, in order to install Node.js, just open your favorite browser and search for Node.js, and the first link which will appear here will be from Node.js. So I'm going to click on this link. At the time of making this video, these are the two versions I always go with: LTS version. LTS stands for long-term support versions, right? So they have the support for a longer term. So just choose the version which says LTS in front of it. At the time of making this

video 18.15.0 is the latest version. So let me click on this button, which will download this Node.js MSI file. So I'm going to click on this MSI file once it's downloaded, and I'm going to just minimize my browser here so you can see the Node.js setup wizard has been started on this window. Just click on next here, click on I accept the terms license agreement, click on next. This will be the default location where Node.js will be installed. So if you don't have a good reason to change this, just leave it as default and then click on next, and then click on next. And then you can see automatically install necessary tools. So for now, I don't want to install additional tools, but later on you can install these additional tools for Node.js. Right. I'm going to click on next and then click on install and then click on yes, which is going to install Node.js on my Windows operating system. So just wait for this progress bar to reach to the 100 mark. And once that's done, you can see completed.

node.js Setup Wizard. Click on finish and node.js is installed on your Windows operating system. To check whether it's installed correctly, you can just type CMD in Search and then click on command prompt. And then just type node and then press enter, which is going to open this node rapple, which stands for read a well print Loop. Here you can write a very simple JavaScript code. For example, console DOT log and I can print something here. Okay, so let me print hello World here and then press enter. And it prints hello worlds. So this is essentially the JavaScript code which you are running with the help of this node.js tool. Now let's open our Visual Studio code editor. And here I can open a folder. Or let me show you one more thing. So let's say I have this Javascript app folder on my desktop where I want to create my JavaScript files. Here I can open this folder and then right click here. Once Visual Studio code is installed, click on show more options. And then click on open with code. And then this folder will be

opened in your Visual Studio Code editor. Now you can also open as command prompt. So just once again go here, right-click, and then open in a terminal. And you can just CD into the folder in which you want to create a JavaScript file. And then type code space Dot. And then press enter, which is also going to open the JavaScript folder or whatever folder you want to open in Visual Studio Code. Now let's create a JavaScript file. So I'm going to just click on this plus sign. And then just type test dot JS. Okay. And you can see this file is created. So I can just type console DOT log. And then I can just write hello World here. So you can see Visual Studio Code is going to provide you the intellisense. Also just save your file. And in order to run your file, you can open the terminal from the top. So just click on Terminal. And then click on new terminal. And from here, you can see the PowerShell is open. You can also open command prompt from here. So click on command prompt.

and because we have installed node, we can use node to run our JavaScript file. So I'm going to just write test.js after node. So node, space, the name of the file, which is test.js in my case, and it prints hello world on PowerShell. If you select the PowerShell here, you can just write node and then the name of the file, or whatever is the name of the file, and then press tab here, which is going to auto-complete your file name. So you can see it has auto-completed. And on PowerShell, you just write dot backslash or in front of file name, right? So once again, just press enter, and it prints hello world. So this is how you can run the JavaScript code using the terminal. But in Visual Studio Code, you can also install some cool extensions to run your code. So one such extension is Code Runner. So just search for Code Runner here. So just select this extensions tab first of all. So you can see there is this extensions tab. And then just search for Code Runner and then select this first

option, which is called Code Runner, and it has around 18.6 million downloads. So it's a very popular extension. So just click on install to install this extension. And once this extension is installed, you can see you can uninstall or disable this extension later also. Once this that is installed, I can close this window. And as soon as I have installed this Code Runner extension, I can see this run code icon in front of the file, right? So on top right, you can see this new option to run your JavaScript code. So when you click on this run code option, you will be able to see your code will be run automatically. You don't need to type anything on the terminal. It will run automatically, right? So let me add a few more options and then save my code. And then I can rerun it and it will rerun my code and it prints Hello, World with all these symbols, right? Now if you want to create more complex programs, let me show you how you can do it. So for example, if you want to create a Node.js server, you can find this code

anywhere on internet, just search for how to create a simple Node.js server, and this code you will find there, right? And this is a JavaScript code, and what it does is it creates a server, which you can run on your browser, and it's going to show you the hello world output, right? So let me just run this code, and once it's running, you can see it says server running at this IP address and this port. So I'm going to just copy this, or I can just control and click on this, okay? So control, press Ctrl key, and then click on this link, which is going to open this on your browser. So let me just paste this link, and then it prints hello world, as you can see here. So you can even create some server code, which is also written in JavaScript, as you can see test.js, right? So this is how you can run the JavaScript code on your Visual Studio code editor. Additionally, you can install many JavaScript-related extensions. So just type JavaScript here, and then press Enter, and you will see many JavaScript-related

extensions so you can install all these popular extensions. You can see this extension is downloaded 11 million times, so this is very popular, right? And then you have this tribe script extension, JavaScript debug extension. So you can install all these extensions, and all these extensions will help you to develop your code and run your code efficiently. Okay, so I hope you enjoyed this video, and I will see you in the next video.

How to Run JavaScript in Visual Studio Code on Windows 11 / Windows 10 | JavaScript in VSCode

ProgrammingKnowledge

Adding JavaScript Support in Visual Studio Code

To run JavaScript code in Visual Studio Code, you need to install Node.

js, which is a JavaScript framework for creating web applications.

js can be downloaded from its website, and it's recommended to choose the LTS (long-term support) version.

js MSI file, and follow the setup wizard with the default settings to install it on your operating system.

js and Visual Studio Code for JavaScript Development

js can be easily installed on a Windows operating system by following a simple setup wizard.

After installation, the correct setup can be checked by opening the command prompt and typing "node" to run a JavaScript code.

Visual Studio Code can be opened to create and run JavaScript files, with the option to open the integrated terminal for command prompt or PowerShell.

Running JavaScript Code with Node and Visual Studio Code

Node can be used to run a JavaScript file in the terminal by typing "node" followed by the file name.

In Visual Studio Code, the Code Runner extension with 18.

6 million downloads allows for the automatic running of code and provides a run code icon for convenience.

This extension enables the user to run the code without typing anything in the terminal and even supports the rerunning of the code with a simple click.

js server that displays "hello world" in the browser.

By clicking the link generated after running the code, you can see the output.

Additionally, JavaScript code can be run in the Visual Studio code editor, with the option to install various related extensions.

Popular Extensions for Efficient Code Development

Many popular extensions, such as the Live Server and JavaScript Debug extensions, are available for download, with Live Server being particularly widespread.

These extensions are designed to help developers efficiently develop and run their code, with Live Server having been downloaded 11 million times.