vscode eslint settings #eslint #vscode

.eslintignore

node_modules

.eslintrc.yml

root: true
parser: "@typescript-eslint/parser"
parserOptions:
  project: tsconfig.json
  sourceType: module
  tsConfigRootDir: __dirname
plugins:
  - "@typescript-eslint"
extends:
  - airbnb-typescript/base
  - plugin:@typescript-eslint/recommended
  - plugin:@typescript-eslint/recommended-requiring-type-checking
rules:
  import/prefer-default-export: 0
  no-new: 0

_instructions.md

The following will * enable eslint in vscode * autoformat on save

Assumes that your projects are all under a cdk/ subdirectory (settings.json).

1. install eslint extension: dbaeumer.vscode-eslint
2. install npm dependencies

   npm i -D @typescript-eslint/{eslint-plugin,parser} eslint{,-config-airbnb-typescript,-plugin-import}

3. add package.json updates
4. add .eslintrc.yml
5. add .eslintignore
6. restart vscode

package.json

{
  "scripts": {
    "lint": "eslint ."
  }
}

settings.json

// .vscode/settings.json
{
    "eslint.format.enable": true,
    "eslint.validate": [
        "typescript"
    ],
    "eslint.workingDirectories": [
	"./cdk",
        {
            "pattern": "./pulumi/*"
        },
    ],
}