spacemacs/contrib/!lang/html
Robert O'Connor 84ab5ef325 Add jade mode to the html layer with various improvements
- autocomplete
- flycheck for slim & haml
- rainbow delimiters mode for haml, jade and slim
2015-07-23 23:26:20 -04:00
..
img Prefix categories with ! 2015-05-25 00:50:38 -04:00
config.el Add jade mode to the html layer with various improvements 2015-07-23 23:26:20 -04:00
packages.el Add jade mode to the html layer with various improvements 2015-07-23 23:26:20 -04:00
README.org Fix various key bindings in converted READMEs 2015-06-11 21:31:42 -04:00

HTML contribution layer for Spacemacs

/TakeV/spacemacs/media/commit/84ab5ef32554acd96a1cc2a477fbb251b90c1a76/contrib/!lang/html/img/html.png

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