| .. | ||
| img | ||
| packages.el | ||
| README.md | ||
HTML contribution layer for Spacemacs
Table of Contents
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