5 ms·
Emmet – a plugin for text editors which improves HTML and CSS workflow
- brianzelip 11y agoI've configured emmet to create my own html boilerplate or to spit out large chunks of html that get used over and over in a simple web project where I don't use templating. In a json config file, you assign your desired html output to a key character. In an html file you enter that key character then hit `tab` and the html is rendered. Very handy.
- ShirsenduK 11y agoI am a fan of Emmet! This helps you with coding-on-steroids.
- pandatigox 11y agoThis is already available for emacs!!!! (evil laugh) Emacs has thought of everything!
- sigzero 11y agoUh just about every text editor with plugins has it.
- Tankenstein 11y agoThis is not a new thing.
- Kiro 11y agoWow? It's from 2009.
- escherize 11y agoGlad to see Emmet has a site. I really love it too. A tip for those wanting to create hiccup[1] using emmet-mode on emacs: div>ol.count>li.item*6 Gives: <div> <ol class="count"> <li class="item"></li> <li class="item"></li> <li class="item"></li> </ol> </div> Now, if you suffix it with a |hic div>ol.count>li.item*6|hic Then you get beautiful hiccup! [:div [:ol.count [:li.item] [:li.item] [:li.item]]] [1] http://hiccup.space http://hiccup.space
- peterhadlaw 11y agoOne not so obvious feature that I use a countless number of times is the "wrap with markup" tool. In your editor you highlight the section of text / HTML you want to nest inside your new Emmet output and then provide the specific wrapping you want. In vim, you just visual mode select and use the same Emmet key combo as the default expand. In emacs there is a "wrap-with-markup" function you can bind yourself. Try it!
- roneesh 11y agoThis is a great plugin, enjoying expanding CSS to markup. I've perused the site, but didn't see anything on expanding to a pre-processor. Does anyone know if that's possible?
- Raphmedia 11y agoOn sublime text, I use it in .LESS files without issues.
- thoughtpalette 11y agoEmmet has been amazing for making writing markup fun and efficient. I'd also like to point out, jsfiddle has emmet integrated.
- TranquilMarmot 11y agoAnybody know of plans for a Visual Studio plugin?
- technojunkie 11y agoThere's no need really. Visual Studio is not a front-end tool. Considering the .NET is now open source, there will be more and more ways to plug other code editors into the ecosystem so that front-end devs won't need to reference Visual Studio.
- code_chimp 11y agoWeb Essentials (http://vswebessentials.com/ http://vswebessentials.com/) supports Emmet.
- pacomerh 11y agoI love Emmet and have been using it for a while. Now if someone could tell me how to make it faster on VIM. Right now it takes like almost 2 seconds from trigger to expand.
- Raphmedia 11y agoEmmet is a life changer. Writing HTML is a joy with it!