lint

파일저장시 linting은 필수다.
본인은 npm init vite 를 통해 react-ts를 선택하였다.

package.json

"devDependencies": {
  "@types/react": "^18.0.0",
  "@types/react-dom": "^18.0.0",
  "@vitejs/plugin-react": "^1.3.0",
  "typescript": "^4.6.3",
  "vite": "^2.9.9",
  "tslint": "^6.1.3",
  "tslint-config-airbnb": "^5.11.2"
}

tslint.json

{
  "defaultSeverity": "error",
  "extends": ["tslint-config-airbnb"],
  "rules": {
    "no-increment-decrement": false
  }
}

.vscode/settings.json

{
  "[typescriptreact]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[typescript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "editor.formatOnSave": true
}

요렇게 해주니까 파일저장할 때 airbnb lint 설정에 맞춰서 linting후 잘 저장됌.