Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/adriaanzon/vim-emmet-ultisnips
Emmet for Vim, implemented with UltiSnips
https://github.com/adriaanzon/vim-emmet-ultisnips
emmet html snippets ultisnips vim
Last synced: about 1 month ago
JSON representation
Emmet for Vim, implemented with UltiSnips
- Host: GitHub
- URL: https://github.com/adriaanzon/vim-emmet-ultisnips
- Owner: adriaanzon
- License: mit
- Created: 2018-12-16T15:45:44.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2024-03-24T20:47:58.000Z (8 months ago)
- Last Synced: 2024-10-15T09:53:59.224Z (about 1 month ago)
- Topics: emmet, html, snippets, ultisnips, vim
- Language: Python
- Homepage:
- Size: 45.9 KB
- Stars: 10
- Watchers: 1
- Forks: 2
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Emmet for Vim, implemented with UltiSnips.
## Installation
Requires Python 3.4 or higher (`:python3 print(sys.version)`) and
[UltiSnips](https://github.com/SirVer/ultisnips).
Install via e.g. vim-plug:
```vim
Plug 'adriaanzon/vim-emmet-ultisnips'
Plug 'SirVer/ultisnips'
```
### Configuration
The snippets are enabled by default in HTML files. To use it in Vue files for
example, put the following in your `UltiSnips/vue.snippets`:
```
extends html
```
## Supported syntax
| name | example |
| --- | --- |
| [element] | `div`, `p` |
| [class][id-class] | `.foo`, `.foo.bar` |
| [id][id-class] | `#foobar` |
| [child] | `ul>li` |
| [sibling] | `div+p` |
| [repeat] | `div*3` |
| [text] | `a{Click me}` |
[element]: https://docs.emmet.io/abbreviations/syntax/#elements
[id-class]: https://docs.emmet.io/abbreviations/syntax/#id-and-class
[child]: https://docs.emmet.io/abbreviations/syntax/#child-gt
[sibling]: https://docs.emmet.io/abbreviations/syntax/#sibling
[repeat]: https://docs.emmet.io/abbreviations/syntax/#multiplication
[text]: https://docs.emmet.io/abbreviations/syntax/#text
## Alternatives
* [mattn/emmet-vim](https://github.com/mattn/emmet-vim)
* [jceb/emmet.snippets](https://github.com/jceb/emmet.snippets)
Both of these didn't work the way I wanted. I wanted it to simply work by
writing an Emmet abbreviation and pressing ``, while also still having
`` mapped to trigger a snippet.