Linter for XO

Install XO like you normally would in your project. The extension will pickup the configuration in your workspace just like running XO in your terminal would. You will be able to see your linter work as you type and easily format your code.

$ npm install --save-dev xo

or

$ yarn add -D xo

The xo extension searches up when you open a file for a package.json with xo listed as a dependency.

You can enable XO as a formatter for TypeScript and JavaScript.

In either your workspace or user settings add the following settings. Linter xo now supports editor.formatOnSaveMode set to "modifications" 🎉.

optionally turn on "editor.formatOnSave"

{
	"editor.formatOnSave": true,
	"xo.enable": true,
	"xo.format.enable": true,
	"[javascript]": {
		"editor.defaultFormatter": "samverschueren.linter-xo"
	},
	"[javascriptreact]": {
		"editor.defaultFormatter": "samverschueren.linter-xo"
	},
	"[typescript]": {
		"editor.defaultFormatter": "samverschueren.linter-xo"
	},
	"[typescriptreact]": {
		"editor.defaultFormatter": "samverschueren.linter-xo"
	}
}

As of v3.18, vscode-linter-xo will respect the 'source.fixAll' code action request and auto format code on save. If you choose to auto format by this method, it is best to turn "editor.formatOnSave" off. You can also use 'source.fixAll.xo' code action on save to avoid running other formatters which support code actions on save.

{
	"editor.formatOnSave": false,
	"xo.format.enable": true,
	"editor.codeActionsOnSave": {
		"source.fixAll": "explicit", // or you can use the xo specific code action on save
		"source.fixAll.xo": "explicit"
	}
}

To use: pull up the command pallete (usually F1 or Ctrl + Shift + P) and start typing xo.

Fixes all fixable problems in the open document, regardless of configuration.

Reloads XO server.

• Turning on the setting "files.trimTrailingWhitespace" to true can cause a race condition with xo that causes code to get erroneously trimmed when formatting on save. This typically only occurs when debounce is turned (above 0 ms). Avoid using both "files.trimTrailingWhitespace" and "xo.debounce" options at the same time.

MIT © Sam Verschueren