better-emmet-plugin
Advanced tools
{ | ||
"name": "better-emmet-plugin", | ||
"version": "1.0.0-beta.2", | ||
"version": "1.0.0-beta.3", | ||
"main": [ | ||
@@ -5,0 +5,0 @@ "dist/better-emmet-plugin.js" |
/** | ||
* better-emmet-plugin: Emmet abbreviation parser for better-dom | ||
* @version 1.0.0-beta.2 Tue, 05 Apr 2016 13:33:52 GMT | ||
* @version 1.0.0-beta.3 Wed, 06 Apr 2016 17:15:09 GMT | ||
* @link https://github.com/chemerisuk/better-emmet-plugin | ||
@@ -5,0 +5,0 @@ * @copyright 2016 Maksim Chemerisuk |
/** | ||
* better-emmet-plugin: Emmet abbreviation parser for better-dom | ||
* @version 1.0.0-beta.2 Tue, 05 Apr 2016 13:33:52 GMT | ||
* @version 1.0.0-beta.3 Wed, 06 Apr 2016 17:15:09 GMT | ||
* @link https://github.com/chemerisuk/better-emmet-plugin | ||
@@ -5,0 +5,0 @@ * @copyright 2016 Maksim Chemerisuk |
{ | ||
"name": "better-emmet-plugin", | ||
"version": "1.0.0-beta.2", | ||
"version": "1.0.0-beta.3", | ||
"description": "Emmet abbreviation parser for better-dom", | ||
@@ -12,6 +12,7 @@ "main": "dist/better-emmet-plugin.js", | ||
}, | ||
"dependencies": { | ||
"peerDependencies": { | ||
"better-dom": "^3.0.0-beta.3" | ||
}, | ||
"devDependencies": { | ||
"better-dom": "^3.0.0-beta.3", | ||
"better-dom-boilerplate": "git://github.com/chemerisuk/better-dom-boilerplate.git" | ||
@@ -22,3 +23,3 @@ }, | ||
"start": "gulp dev $npm_package_config_gulp", | ||
"version": "gulp dist $npm_package_config_gulp", | ||
"version": "gulp dist $npm_package_config_gulp && git add -A dist bower.json", | ||
"postversion": "git push && git push --tags" | ||
@@ -32,3 +33,5 @@ }, | ||
"ecosystem:better-dom", | ||
"better-emmet-plugin" | ||
"better-emmet-plugin", | ||
"emmet", | ||
"html" | ||
], | ||
@@ -40,3 +43,6 @@ "author": "Maksim Chemerisuk", | ||
}, | ||
"homepage": "https://github.com/chemerisuk/better-emmet-plugin" | ||
"homepage": "https://github.com/chemerisuk/better-emmet-plugin", | ||
"karmaFiles": [ | ||
"node_modules/better-dom/dist/better-dom.js" | ||
] | ||
} |
# better-emmet-plugin<br>[![NPM version][npm-version]][npm-url] [![NPM downloads][npm-downloads]][npm-url] [![Build Status][travis-image]][travis-url] [![Coverage Status][coveralls-image]][coveralls-url] [![Bower version][bower-image]][bower-url] | ||
> Emmet abbreviation parser for [better-dom](https://github.com/chemerisuk/better-dom) | ||
Html strings are annoyingly verbose. Let's fix that with [Emmet](http://emmet.io/). Compare the HTML string: | ||
```js | ||
DOM.create("<ul><li class='list-item'></li><li class='list-item'></li><li class='list-item'></li></ul>"); | ||
``` | ||
to the equivalent micro template | ||
```js | ||
DOM.create(DOM.emmet("ul>li.list-item*3")); | ||
``` | ||
Take a look at the [Emmet cheat sheet](http://docs.emmet.io/cheat-sheet/) for more examples, but be aware about the [differences](#differences-from-emmetio-parser). | ||
## Differences from emmet.io parser | ||
@@ -14,2 +27,7 @@ 1. Element aliases are not supported | ||
## Do not be crazy with microtemplates! | ||
Several recommendations from the [emmet docs](http://docs.emmet.io/): | ||
> Abbreviations are not a template language, they don’t have to be “readable”, they have to be “quickly expandable and removable”. | ||
## Browser support | ||
@@ -16,0 +34,0 @@ #### Desktop |
Sorry, the diff of this file is not supported yet
27350
3.31%57
46.15%2
100%