spacemacs/contrib/!lang/html

HTML contribution layer for Spacemacs

• Table of Contents
• Description
  • Features:
• Install
• Key Bindings
  • Web mode
  • CSS/Scss

Table of Contents   TOC@4

• Description

  • Features:
• Install

• Key Bindings

  • Web mode
  • CSS/Scss

Description

This layer adds support for editing HTML and CSS.

Features:

• Editing HTML and CSS file using web-mode
• Support for Sass/Scss and Less files
• Generate HTML and CSS coding using emmet-mode
• Tags navigation on key % using evil-matchit

Install

To use this contribution add it to your ~/.spacemacs

  (setq-default dotspacemacs-configuration-layers '(html))

Key Bindings

Web mode

Key Binding	Description
SPC m g p	quickly navigate CSS rules using helm
SPC m e h	highlight DOM errors
SPC m g b	go to the beginning of current element
SPC m g c	go to the first child element
SPC m g p	go to the parent element
SPC m g s	go to next sibling
SPC m h p	show xpath of the current element
SPC m r c	clone the current element
SPC m r d	delete the current element (does not delete the children)
SPC m r r	rename current element
SPC m r w	wrap current element
SPC m z	fold/unfold current element

A micro-state is also defined, start it with SPC m . or , .

Key Binding	Description
?	Toggle full help
c	clone current element
d	delete (vanish) current element (does not delete the children)
h	previous element
l	next element
L	next sibling element
k	parent element
j	first child element
p	show xpath of current element
r	rename current element
q	leave the micro-state
w	wrap current element

CSS/Scss

Key Binding	Description
SPC m g h	quickly navigate CSS rules using helm