Add support for stylelint as formatter

[fisker]

Like ESLint do https://github.com/microsoft/vscode-eslint#release-notes

Formatter support: ESLint can now be used as a formatter. To enable this feature use the eslint.format.enable setting.

[ux-engineer]

Yes please, came by this need myself yesterday.

[ux-engineer]

How many rules are there in Stylelint, and how many of them have autofix logic built for them?

[BPScott]

@ux-engineer https://stylelint.io/user-guide/rules is your big list of rules that are built into stylelint. Autofixable ones are denoted with an "(Autofixable)".

[ux-engineer]

Ah, sorry - someone mentioned earlier there would be many that don't have autofix... It seems he was incorrect, or meant about an another project which extends Stylelint.

Great work you've done. Now, if we would get Stylelint as a proper formatter for VS Code, that would be super! :)

Also to support Vue Single-Page Component's style blocks: #19

PS. In Vue ecosystem, I already got to ditch Prettier now that ESLint acts as an formatter...but still needing to find proper setup with Stylelint to format SCSS.

[GollyJer]

Came looking for this today as well. Thought I had configured something wrong. 👍

[francois-pasquier]

Here is my workaround with multiCommand:

keybindings.json

[
    {
        "key": "ctrl+shift+i",
        "command": "extension.multiCommand.execute",
        "args": {
            "command": "multiCommand.formatJavascript"
        },
        "when": "editorLangId == javascript && editorTextFocus && !editorReadonly"
    },
]

settings.json

    "eslint.format.enable": true,
    "[javascript]": {
        "editor.defaultFormatter": "dbaeumer.vscode-eslint",
    },
    "multiCommand.commands": [
        {
            "command": "multiCommand.formatJavascript",
            "sequence": [
                "editor.action.formatDocument",
                "stylelint.executeAutofix"
            ]
        }
    ]

[kanlukasz]

My solution - just add specific shortcuts

	{
		"key": "alt+shift+f",
		"command": "stylelint.executeAutofix",
		"when": "editorTextFocus && editorLangId == 'css'"
	},
	{
		"key": "alt+shift+f",
		"command": "stylelint.executeAutofix",
		"when": "editorTextFocus && editorLangId == 'scss'"
	},
	{
		"key": "alt+shift+f",
		"command": "stylelint.executeAutofix",
		"when": "editorTextFocus && editorLangId == 'less'"
	}

[jeddy3]

Is this resolved by pull request #18 or is enabling stylelint as a formatter something else?

[GollyJer]

@jeddy3

This is separate from #18. Here we're talking about the ability to format without having to save.

Here is the command in vscode.