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.
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
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)
The VSC-Essentials project was used as a template for this one.
This extension pack includes the following extensions:
Extension | Stats |
---|---|
HTMLHint | |
HTML CSS Support | |
Auto Complete Tag | |
Highlight Matching Tag | |
Color Highlight | |
CSS Peek | |
css-snippets |