- Jun 9, 2021

Great Tips To Run Javascript In Visual Studio Code

Visual studio code contains integrated Javascript IntelliSense, formatting, refactorings, and code navigation or a wide range of various advanced learning language attributes. In this post, we will show you some beneficial tech skills to run javascript in visual studio code.

Great tips to run javascript in visual studio code

1. IntelliSense

IntelliSense brings you smart code completion, hover information, and signature info, so you might write code a little bit rapidly and precisely.

Visual Code offers IntelliSense for your JavaScript projects; for a lot of npm libraries like React, Lodash, and express; or for various platforms like node or IoT.

Examine working with JavaScript for information around VS code’s Javascript IntelliSense, and how to configure it or assist in troubleshooting popular IntelliSense issues.

Figure 1. IntelliSense in Visual Studio Code

2. JavaScript projects

A jsconfig.json file identifies a Javascript project in Visual code. When jsconfig.json files are not requested, you will need to make one in other cases like:

- To make sure that the Javascript’s subset files in the workspace are considered as a private project. It is beneficial if you are operating with legacy code that might use implicit globals dependencies rather than imports for dependencies.

- If the workspace consists of more than one project context, like front-end JavaScript code. When it comes to various project workspaces, make a jsconfig.json at the root of every project’s folder.

- Typescript is the high priority you might use to compile JavaScript source code.

To identify a fundamental JavaScript project, please add the jsconfig.json at the workspace’s root:

Check to work with JavaScript for a lot of advanced jsconfig.json configuration

Hint: to examine if the Javascript file is related to the Javascript project, you have to open the file in the Visual Code and execute the Javascript by moving to the command of project configuration. This one can open the jsconfig.json which can reference the Javascript file. The notification is displayed if the file is not a component of the jsconfig.json project.

Figure 2. An example of Javascript Project

3. Main steps of running Javascript in VS code

As we understand Visual code brings a lot of attributes and one of them is its big extension assistance. We can run Javascript in Visual Code through the extension from the marketplace. The extension we want for running javascript in Visual Code is Code runner:

Steps

1. First of all, you have to open VS code and move to the marketplace.

2. Seek code runner by Jun Han.

3. Click on Install and keep waiting for some seconds.

4. After the installation is finished, you can reload VS code.

5. Open the code and press Ctrl + ALT + N

6. Now, your code can run in Visual Code.

Main steps of running Javascript in VS code

Figure 3. Run Javascript in Visual Studio Code.

Code runner will display the program’s output. On the other hand, running code in Visual Studio Code can assist you in checking your code quicker. Because now we might test code in Visual Studio Code and we do not get to open the console of the browser.