A TSLint config for Airbnb JavaScript Style
npm install tslint-config-airbnb
> A TSLint config for Airbnb JavaScript Style Guide
---
1. Remove tslint.json
2. Remove lines from tsconfig.json if included
``json`
"plugins": [
{
"name": "typescript-tslint-plugin"
}
],
3. Replace packages
`bash`
$ npm uninstall tslint tslint-config-airbnb
$ npm uninstall typescript-tslint-plugin
$ npm install --dev eslint @typescript-eslint/eslint-plugin eslint-config-airbnb
$ npx install-peerdeps --dev eslint-config-airbnb
4. Create .eslintrc.json
`json`
{
"extends": ["airbnb"],
"plugins": ["@typescript-eslint"],
"parser": "@typescript-eslint/parser",
"rules": {
"import/no-unresolved": 0,
"react/jsx-filename-extension": {
"extensions": [
".jsx",
".tsx"
]
}
}
}
With webpack
`json`
{
:
"rules": {
:
"import/extensions": [".js", ".json", ".jsx", ".ts", ".tsx"],
:
},
"settings": {
"import/resolver": {
"webpack": {
"config": "webpack.config.js"
}
}
}
:
}
5. if you are using Visual Studio Code, add to vscode's settings.json
`json`
{
"[typescript]": {
"editor.formatOnSave": false,
},
"eslint.autoFixOnSave": true,
"eslint.validate": [
"javascript",
"javascriptreact",
{ "language": "typescript", "autoFix": true },
{ "language": "typescriptreact", "autoFix": true }
]
}
---
`sh`
npm install tslint-config-airbnb --save-dev
In tslint.json:
`json`
{
"extends": "tslint-config-airbnb"
}
- tslint
- tslint-consistent-codestyle
- tslint-eslint-rules
- tslint-microsoft-contrib
`
+----- Major version is synchronize with tslint's major version.
| +--- Minor version has BREAKING CHANGE and feat.
| | +- Patch version has patch.
| | |
x.x.x
Apache 2.0