create tsconfig.json
touch tsconfig.json{
"compilerOptions": {
"target": "es2020",
"watch": true,
"moduleResolution": "node",
"lib": ["dom", "es2020"], // adds external libraries like Classes from the DOM
"outDir": "dist",
"rootDir": "src",
"strict": true
}
}npm i -D eslint @typescript-eslint/parser @typescript-eslint/eslint-plugincreate .eslintrc config in root
touch .eslintrc.jsconfig:
{
"root": true,
"parser": "@typescript-eslint/parser",
"plugins": ["@typescript-eslint"],
"extends": [
"eslint:recommended",
"plugin:@typescript-eslint/eslint-recommended",
"plugin:@typescript-eslint/recommended"
]
}create eslintignore in root
touch .eslintignoreignore the dist folder and node_modules
node_modules
distpackage.json:
{
"scripts": {
"lint": "eslint . --ext .ts <mySrcFolder>"
}
}ctrl + p
> Tasks: Configure Task
> npm: lint
create a tasks.json in .vscode folder
"tasks": [
{
"problemMatcher": ["$eslint-stylish"],
}
]package.json:
"scripts": {
"lint": "eslint -c .eslintrc --ext .ts src",
"lint-fix": "eslint -c .eslintrc --ext .ts src --fix",
"tsc": "eslint -c .eslintrc --ext .ts src tsc"
},npm run lintformating
npm run ling-fix
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent