VSCode-Anywhere
  • Introduction
  • Installation
    • Requirements
      • Windows requirements
      • Linux requirements
      • MacOS requirements
    • Quickstart
    • Advanced
      • Windows installation
      • Linux installation
      • MacOS installation
  • Modules
    • Module installation
    • Module update
    • Module settings
      • Global settings
        • brew settings
        • chocolatey settings
        • env settings
        • msys2 settings
        • nix settings
        • scoop settings
        • vscode settings
        • zeal settings
    • Modules list
      • Ansible
      • Bash
      • C / C++
      • C#
      • Custom
      • Deepcode
      • Docker
      • Fonts
      • Git
      • Go
      • HTML
      • Java
      • JavaScript / TypeScript
      • Markdown
      • Perl
      • PHP
      • Platformio
      • PowerShell
      • Puppet
      • Python2
      • Python3
      • Remote
      • Rest
      • ReStructuredText
      • Ruby
      • Saltstack
      • VSCode
    • Custom modules
  • Structure
    • apps
    • conf
      • saltstack
        • conf-offline
        • conf
        • pillar
        • states
    • tools
      • env
      • install
      • link
      • update
      • vscode
      • vscode-anywhere
  • Tutorials
    • Youtube tutorials
  • Release notes
    • V2
      • V2.0.0
    • V1
  • FAQ
Powered by GitBook
On this page
  • About
  • Installation
  • Requirements
  • VSCode
  • VSCode extensions
  • VSCode settings
  • VSCode keybindings
  • Software
  • Windows software
  • Linux software
  • MacOS software
  • Documentation
  • VSCode-Anywhere
  • Environment
  • Specific settings

Was this helpful?

  1. Modules
  2. Modules list

HTML

HTML / CSS / Sass / Less /Emmet

PreviousGoNextJava

Last updated 4 years ago

Was this helpful?

About

(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 .

Installation

vscode-anywhere:
    html:
        enabled: True

Requirements

No requirements.

VSCode

VSCode extensions

Zignd.html-css-class-completion

Zignd.html-css-class-completion

pranaygp.vscode-css-peek

bradgashler.htmltagwrap

Umoxfo.vscode-w3cvalidation

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

formulahendry.auto-rename-tag

mrmlnc.vscode-autoprefixer

esbenp.prettier-vscode

naumovs.color-highlight

smelukov.vscode-csstree

VSCode settings

Global settings

{
    "[html]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[css]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[scss]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[less]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    }
}

Windows settings

{
    "vscode-w3cvalidation.javaHome": "C:\\VSCode-Anywhere\\apps\\scoop\\apps\\openjdk\\current"
}

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

Linux settings

{
    "vscode-w3cvalidation.javaHome": "/home/linuxbrew/.linuxbrew/opt/openjdk/libexec"
}

MacOS settings

{
    "vscode-w3cvalidation.javaHome": "/home/linuxbrew/.linuxbrew/opt/openjdk/libexec"
}

VSCode keybindings

Software

Windows software

scoop

Linux software

brew

MacOS software

brew

Documentation

VSCode-Anywhere

Environment

No environment.

Specific settings

No specific settings.

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

You can also take a look at the .

For more details, read the the official documentation and .

VSCode includes native support of .

adds CSS support for HTML documents.

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.

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.

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).

enables W3C validation support by the .

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.

automatically renames paired HTML/XML tag.

provides an interface to .

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.

styles css/web colors found in your document.

validates CSS according to W3C specs and browser implementations.

No .

(required by the extensions )

(required by the extensions )

(required by the extensions )

module installation
VSCode-Anywhere html module configuration
HTML
CSS / SCSS / Less
emmet
This extension
This extension
This extension
This extension
This extension
Nu Html Checker library
This extension
This extension
This extension
autoprefixer
Prettier
This extension
CSSTree validator
keybindings
openjdk
Umoxfo.vscode-w3cvalidation
openjdk
Umoxfo.vscode-w3cvalidation
openjdk
Umoxfo.vscode-w3cvalidation
HTML
CSS
Emmet
Saas
Less
Hypertext Markup Language
JavaScript