This browser is no longer supported.
Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support.
Download Microsoft Edge
More info about Internet Explorer and Microsoft Edge
Linting JavaScript and TypeScript in Visual Studio is powered by
ESLint
. If you're new to ESLint, you can begin by checking their
documentation
.
Enabling linting support
To enable linting support in Visual Studio 2022 or later versions, enable the
Enable ESLint
setting in
Tools > Options > Text Editor > JavaScript/TypeScript > Linting
.
In the options page, you can also modify the set of files that you want to lint. By default, all file extensions that can be linted (
.js
,
.jsx
,
.ts
,
.tsx
,
.vue
,
.html
) will be linted. The HTML LSP-based editor must be enabled for linting Vue and HTML files. The respective setting can be found in
Tools > Options > Environment > Preview Features
.
You can override these options in some project types, like the
standalone React project templates
. In these projects, you can override the settings from the
Tools > Options
page using project properties:
Installing ESLint dependencies
Once linting is enabled, the necessary dependencies need to be installed. Dependencies include the
ESLint
npm
package
and other plugins applicable to your project. This package can be installed locally in each project where you want to enable linting, or you can install it globally using
npm install -g eslint
. However, a global installation isn't recommended because plugins and shareable configs always need to be installed locally.
Depending on the files you want to lint, other
ESLint plugins
may be needed. For example, you may need
TypeScript ESLint
, which enables ESLint to run on TypeScript code and includes rules that are specific to the extra type information.
When ESLint is enabled but the ESLint
npm
package isn't found, a gold bar is displayed that allows you to install ESLint as a local
npm
development dependency.
In addition, auto-fix code actions allow you to apply an auto-fix to address the respective linting error.
Troubleshooting
You can open the
ESLint Language Extension
pane in the Output window to see any error messages or other logs that might explain the problem.
