To help you get started, we've collected the most common ways that eslint-config-xo is being used within popular public projects.

ChocPanda / eslint-config-xo-vue / src / base.js View on Github

},
		env: {
			browser: true,
			es6: true
		},
		plugins: ['vue'],
		rules: {
			// 'vue/no-deprecated-scope-attribute': 'warn',
			// 'vue/keyword-spacing': xoConfigRules['keyword-spacing'],
			// 'vue/dot-location': xoConfigRules['dot-location'],
			// 'vue/no-empty-pattern': xoConfigRules['no-empty-pattern'],
			'vue/attribute-hyphenation': ['error', 'always'],
			'vue/attributes-order': 'warn',
			'vue/block-spacing': 'warn',
			'vue/brace-style': xoConfigRules['brace-style'],
			'vue/camelcase': xoConfigRules.camelcase,
			'vue/comma-dangle': xoConfigRules['comma-dangle'],
			'vue/comment-directive': ['error'],
			'vue/component-name-in-template-casing': [
				'error',
				'PascalCase',
				{ registeredComponentsOnly: false }
			],
			'vue/eqeqeq': xoConfigRules.eqeqeq,
			'vue/html-closing-bracket-newline': [
				'error',
				{
					singleline: 'never',
					multiline: 'always'
				}
			],
			'vue/html-closing-bracket-spacing': [

View more ways to use eslint-config-xo

eslint-config-xo

ESLint shareable config for XO

This is for advanced users. You probably want to use XO directly.

See eslint-plugin-unicorn for some additional useful rules.

Use the XO issue tracker instead of this one.

Install

npm install --save-dev eslint-config-xo

Usage

// eslint.config.js
import xo from 'eslint-config-xo';

export default [
	...xo,
];

This package also exposes eslint-config-xo/browser if you're in the browser:

import xoBrowser from 'eslint-config-xo/browser';

export default [
	...xoBrowser,
];

This package also exposes eslint-config-xo/space if you're in favor of 2-space indent:

import xoSpace from 'eslint-config-xo/space';

export default [
	...xoSpace,
];

This package also exposes eslint-config-xo/space/browser if you're in favor of 2-space indent and in browser:

import xoSpaceBrowser from 'eslint-config-xo/space/browser';

export default [
	...xoSpaceBrowser,
];

Use the XO CLI instead

XO is an ESLint wrapper with great defaults.

Here are some reason why you should use the XO CLI instead of this config:

• XO comes bundled with this config.
• Beautiful output.
• Bundles many useful plugins, like eslint-plugin-unicorn, eslint-plugin-import, eslint-plugin-ava, and more.
• No need to specify file paths to lint. It will lint all JS files except commonly ignored paths.
• Super simple to add XO to a project with $ npm init xo.
• Specify indent and semicolon preferences easily without messing with the rule config.
• Config/rule overrides per files/globs.
• Can open all files with errors at the correct line in your editor. (See the --open flag)
• The editor plugins are IMHO better than the ESLint ones. (Subjective)

tl;dr You miss out on a lot by just using this config.

Related

• eslint-config-xo-space - ESLint shareable config for XO with 2-space indent
• eslint-config-xo-typescript - ESLint shareable config for TypeScript to be used with this config
• eslint-config-xo-react - ESLint shareable config for React to be used with this config