Web Design Essentials - Extension Pack for Visual Studio Code

This extension pack for Visual Studio Code adds extensions that are useful for Web Design projects. I reserve the right to update the extensions pack contents up to my own discretion. This extension is for my personal use, I think it's great if it works for other people too.

Reasons

The HTML Essentials extension pack was made to automate and standardize the installation phase of the essential HTML & CSS extensions for Visual Studio Code every time a new member joins the team, or one of them restores a laptop, or exchanges it for a new one.

See the CHANGELOG for the latest changes

settings.json

It is strongly recommended that these settings be used in your workspace. You must copy and paste them, and if you need to adjust something you will already know where to do it.

{
    /**
     * HTML Essentials Config
     */
    "[css]": {
        "editor.defaultFormatter": "vscode.css-language-features"
    },
    "[less]": {
        "editor.defaultFormatter": "vscode.css-language-features"
    },
    "[scss]": {
        "editor.defaultFormatter": "vscode.css-language-features"
    },
    "[html]": {
        "editor.defaultFormatter": "vscode.html-language-features"
    },
    "css.hover.documentation": true,
    "css.lint.important": "warning",
    "css.lint.importStatement": "warning",
    "less.hover.documentation": true,
    "less.lint.important": "warning",
    "less.lint.importStatement": "warning",
    "scss.hover.documentation": true,
    "scss.lint.important": "warning",
    "scss.lint.importStatement": "warning",
    "html.hover.documentation": true,
    "htmlhint.documentSelector": [
        "html",
        "htm"
    ],
    "htmlhint.options": {
        "src-not-empty": true
    }
}

If you are using the VSC-Essentials extension pack additionally, you can see the complete settings file here (settings.json)