ASP.NET Core 3 and React

Configuring Visual Studio Code to lint TypeScript code

CRA has already installed ESLint and configured it for us.

Note that ESLint doesn't appear in our package.json file. Instead, it is part of the CRA package. This can be confirmed by opening the package.json file in node_modules\react-scripts.

We need to tell Visual Studio Code to lint TypeScript code. Let's carry out the following steps to do this:

1. First, let's reopen Visual Studio Code in the frontend folder. This is required for an extension that we are going to install in a later step.
2. Create a new folder called .vscode.
3. Create a new file in the .vscode folder called settings.json. This file is the Visual Studio Code settings file for this project.
4. Let's add the following content ...