WPQuark Eslint Config

A shared eslint config for WPQuark projects. It uses both eslint and prettier for auto-fixable codes along with linting.

Installation

Add to project's devDependency.

yarn add @wpquark/eslint-config eslint prettier --dev

ESLint Config

Now create a .eslintrc file in the root of your project and put the code.

{
	"extends": "@wpquark"
}

You can also extend upon the rules.

Prettier Config

Create a prettier.config.js file in the root of your project and put the code.

const config = require('@wpquark/eslint-config/prettier.config.js');
module.exports = config;

Now you are ready to go.

VSCode Integration

Install the eslint plugin for VSCode. Enable autoFormat for javascript and javascriptreact files.

• Go to Code > Preference [File > Preference for Windows & Linux].
• Edit the WorkSpace Settings (Recommended).

{
	"eslint.autoFixOnSave": true,
	"[javascript]": {
		"editor.formatOnSave": false
	},
	"[javascriptreact]": {
		"editor.formatOnSave": false
	}
}

Changelog

v3.2.0

• Upgrade dependencies to latest.
• Add eslint-plugin-babel to the mix.

v3.0.0

• Upgrade dependencies to latest.
• Now airbnb eslint config supports eslint ^5.3.0.

v2.0.1

• Breaking: prettier is now a peerDependency.
• Upgrade babel-eslint parser to 9.x-beta.
• Upgrade other packages to latest stable.

v1.0.1

• Initial Release.