Ionic, Capacitor, and Stencil projects are now using the following Pretter + ESLint configs:
Common ESLint rules & preferences for Ionic.
npm i -D eslint @ionic/eslint-plugin
Create .eslintrc.js
, or otherwise configure ESLint to use the Ionic ESLint Plugin.
- You must manually configure
env
to setup your ESLint environment. - You must manually configure
parserOptions
to point to yourtsconfig.json
and configure any additional options.
module.exports = {
env: {
browser: true,
node: true,
es6: true,
},
parserOptions: {
project: './tsconfig.json',
ecmaFeatures: {
jsx: true,
},
},
plugins: ['@ionic'],
extends: ['plugin:@ionic/recommended'], // or use `plugin:@ionic/strict`
rules: {
// additional rule configuration
}
};
plugin:@ionic/crucial
: Builds on top of@typescript-eslint/recommended
andeslint:recommended
.plugin:@ionic/recommended
: Recommended set of rules.plugin:@ionic/strict
: Stricter set of rules for very consistent code. Good for new projects.