Now if we go to the JavaScript file, we see we’re getting errors reported: Let’s install the ESLint extension for VS Code: Now, if we look at our JavaScript file, we see it looks pretty much the same:

Our project now looks like this, with an eslintrc.json file created: We will select the middle option:Ĭontinue to select whichever answers make the most sense to you and your project, then click to install any dependencies: We can use our cursor to choose any of the options. Now let’s initialize ESLint with eslint –init. We see eslint installed globally through the list command: npm list -g -depth=0 You can click Enter on all the options to choose all as defaults: Now run npm init to initial this project as a node project:

You can see we have one function, and in that function, we are calling console1.log, which is a mistake (it should be console.log): You will need node and npm installed.įirst, let’s create a new directory and open the directory in VS Code:

In this post, we will look at how to set up ESLint in Visual Studio Code, in order to check JavaScript files for errors. ESLint is a linter that runs in Visual Studio Code to analyze code for possible errors.

Visual studio code js