Skip to main content

๐Ÿš€ VSCode support

To make the VSCode ESLint Extension working correctly we'll need to enable a few settings. It's advisable to enable them at the workspace level, meaning in the root of the project at .vscode/settings.json

The ESLint FlatConfig support is currently not enabled by default. It needs to be enabled manually with a flag, like so:

.vscode/settings.json
{
"eslint.experimental.useFlatConfig": true
}

You will also need to enable linting on specified file extensions:

.vscode/settings.json
{
"eslint.validate": [
"javascript",
"javascriptreact",
"typescript",
"typescriptreact"
]
}

For Astro projects instead, add this:

.vscode/settings.json
{
"eslint.validate": [
"javascript",
"javascriptreact",
"typescript",
"typescriptreact"
"astro"
]
}