HTML

HTML / CSS / Sass / Less /Emmet

About

Hypertext Markup Languagearrow-up-right (HTML) is the standard markup language for documents designed to be displayed in a web browser. It can be assisted by technologies such as Cascading Style Sheets CSS and scripting languages such as JavaScriptarrow-up-right.

Installation

Change enable from False to True in the html section (cf module installation).

circle-info

For more details, read the the official documentation HTMLarrow-up-right and CSS / SCSS / Lessarrow-up-right.

VSCode includes native support of emmetarrow-up-right.

Requirements

No requirements.

VSCode

VSCode extensions

Zignd.html-css-class-completion

This extensionarrow-up-right adds CSS support for HTML documents.

Zignd.html-css-class-completion

This extensionarrow-up-right that provides CSS class name completion for the HTML class attribute based on the definitions found in your workspace for external files referenced through the link element.

pranaygp.vscode-css-peek

This extensionarrow-up-right extends HTML and ejs code editing with Go To Definition and Go To Symbol in Workspace support for css/scss/less (classes and IDs) found in strings within the source code.

bradgashler.htmltagwrap

This extensionarrow-up-right allows to wrap your selection in HTML tags. Can wrap inline selections and selections that span multiple lines (works with both single selections and multiple selections at once).

Umoxfo.vscode-w3cvalidation

This extensionarrow-up-right enables W3C validation support by the Nu Html Checker libraryarrow-up-right.

Extension highlights the wrong properties and values when enabled. Just install the extension and open your CSS file. Validation will be performing in background.

vincaslt.highlight-matching-tag

This extensionarrow-up-right is intended to provide the missing functionality that should be built-in out of the box in VSCode - to highlight matching opening or closing tags.

formulahendry.auto-rename-tag

This extensionarrow-up-right automatically renames paired HTML/XML tag.

mrmlnc.vscode-autoprefixer

This extensionarrow-up-right provides an interface to autoprefixerarrow-up-right.

esbenp.prettier-vscode

Prettierarrow-up-right is an opinionated code formatter. It enforces a consistent style by parsing your code and re-printing it with its own rules that take the maximum line length into account, wrapping code when necessary.

naumovs.color-highlight

This extensionarrow-up-right styles css/web colors found in your document.

smelukov.vscode-csstree

CSSTree validatorarrow-up-right validates CSS according to W3C specs and browser implementations.

VSCode settings

Global settings

Windows settings

circle-info

Assuming you have installed in the default directory C:\VSCode-Anywhere.

Linux settings

MacOS settings

VSCode keybindings

No keybindingsarrow-up-right.

Software

Windows software

scoop

Linux software

brew

MacOS software

brew

Documentation

VSCode-Anywhere

Environment

No environment.

Specific settings

No specific settings.

Last updated