TakeV/spacemacs
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity
This repository has been archived on 2024-10-22. You can view files and clone it, but cannot push or open issues or pull requests.
spacemacs/layers/+lang/html
History
Robert O'Connor 405e90d69a
Remove support for jade-mode; add pug-mode 
Jade has been deprecated and there is little need to support jade to
support jade anymore. If people need jade-mode, they can install the
package themselves and configure it. Pug is the renamed Jade project.
2016-10-03 21:15:17 +03:00
..
img Use + instead of ! for layer categories 2015-09-11 00:13:51 -04:00
config.el Clean copyrights and update for year 2016 2016-01-11 21:42:17 -05:00
funcs.el Fix emmet expansion if yas isn’t turned on 2016-07-27 15:52:51 +09:00
packages.el Remove support for jade-mode; add pug-mode 2016-10-03 21:15:17 +03:00
README.org Remove support for jade-mode; add pug-mode 2016-10-03 21:15:17 +03:00

README.org

HTML layer

/TakeV/spacemacs/media/commit/59897e2abdf024ec9b598e4fb9c479755008c38e/layers/+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
  • Support for editing Slim and Pug templates using slim-mode and pug-mode

Install

To use this configuration layer, add it to your ~/.spacemacs. You will need to add html to the existing dotspacemacs-configuration-layers list in this file.

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
% evil-matchit keybinding to jump to closing tag

A transient-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)
D delete current element and children
j next element
J / gj next sibling element
h parent element
k previous element
K / gk previous sibling element
l first child element
p show xpath of current element
q leave the transient-state
r rename current element
w wrap current element

CSS/SCSS

Key Binding Description
SPC m g h quickly navigate CSS rules using helm
SPC m z c fold css statement to one line
SPC m z o unfold css statement to one line