eslint-config-typescript-airbnb-base

1.0.0-rc1 • Public • Published

eslint-config-typescript-airbnb

This package provides Airbnb's JS .eslintrc as an extensible shared config.

Usage

  1. Install correct version of each package, which are listed by the command:
npm info "eslint-config-typescript-airbnb-base@latest" peerDependencies

if you using npm 5+, use this shortcut

npx install-peerdeps --dev eslint-config-typescript-airbnb-base

This will work with yarn, npx will detect that you are using yarn and install dependencies via yarn.

  1. Add "extends": "typescript-airbnb-base" to your .eslintrc.

Linting your project

Edit package.json file and following scripts

yarn

  "lint""eslint --ext .ts,.tsx 'src/**/*.ts?'"
  "lint:fix""yarn lint --fix",

npm

  "lint""eslint --ext .ts,.tsx 'src/**/*.ts?'"
  "lint:fix""npm run lint -- --fix",

Editor setup

Webstorm

  • Disable tslint
  • Enable eslint
  • Under help > find actions
  • Add ts,tsx to eslint.additional.file.extensions

Eslint for typescript[BUG]

Webstorm cannot have eslint fix on save

VS Code

You should uninstall tslint and Prettier from extensions.

  • Install eslint extension
  • Under File > Preferences > Settings
  • Open Edit in settings.json
  • Add following lines
"eslint.validate"[
  "javascript",
  "javascriptreact",
  {
    "language": "typescript",
    "autoFix": true
  },
  {
    "language": "typescriptreact",
    "autoFix": true
  }
]
  • Optionally you can enable/disable Eslint: Auto Fix On Save
    • This will enable more code style functionality than basic prettier

Credits

This config was inspired by eslint-config-react-app and eslint-config-airbnb.

Package Sidebar

Install

npm i eslint-config-typescript-airbnb-base

Weekly Downloads

66

Version

1.0.0-rc1

License

MIT

Unpacked Size

7.88 kB

Total Files

5

Last publish

Collaborators

  • silhan.jan