TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Emmet – a plugin for text editors which improves HTML and CSS workflow

62 pointsby sconxualmost 10 years ago

10 comments

escherizealmost 10 years ago
Glad to see Emmet has a site. I really love it too.<p>A tip for those wanting to create hiccup[1] using emmet-mode on emacs:<p><pre><code> div&gt;ol.count&gt;li.item*6 </code></pre> Gives:<p><pre><code> &lt;div&gt; &lt;ol class=&quot;count&quot;&gt; &lt;li class=&quot;item&quot;&gt;&lt;&#x2F;li&gt; &lt;li class=&quot;item&quot;&gt;&lt;&#x2F;li&gt; &lt;li class=&quot;item&quot;&gt;&lt;&#x2F;li&gt; &lt;&#x2F;ol&gt; &lt;&#x2F;div&gt; </code></pre> Now, if you suffix it with a |hic<p><pre><code> div&gt;ol.count&gt;li.item*6|hic </code></pre> Then you get beautiful hiccup!<p><pre><code> [:div [:ol.count [:li.item] [:li.item] [:li.item]]] </code></pre> [1] <a href="http:&#x2F;&#x2F;hiccup.space" rel="nofollow">http:&#x2F;&#x2F;hiccup.space</a>
评论 #9659637 未加载
thoughtpalettealmost 10 years ago
Emmet has been amazing for making writing markup fun and efficient. I&#x27;d also like to point out, jsfiddle has emmet integrated.
brianzelipalmost 10 years ago
I&#x27;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&#x27;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.
ShirsenduKalmost 10 years ago
I am a fan of Emmet! This helps you with coding-on-steroids.
peterhadlawalmost 10 years ago
One not so obvious feature that I use a countless number of times is the &quot;wrap with markup&quot; tool. In your editor you highlight the section of text &#x2F; HTML you want to nest inside your new Emmet output and then provide the specific wrapping you want.<p>In vim, you just visual mode select and use the same Emmet key combo as the default expand.<p>In emacs there is a &quot;wrap-with-markup&quot; function you can bind yourself.<p>Try it!
pacomerhalmost 10 years ago
I 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.
roneeshalmost 10 years ago
This is a great plugin, enjoying expanding CSS to markup.<p>I&#x27;ve perused the site, but didn&#x27;t see anything on expanding to a pre-processor. Does anyone know if that&#x27;s possible?
评论 #9660494 未加载
TranquilMarmotalmost 10 years ago
Anybody know of plans for a Visual Studio plugin?
评论 #9660343 未加载
评论 #9660108 未加载
Raphmediaalmost 10 years ago
Emmet is a life changer.<p>Writing HTML is a joy with it!
pandatigoxalmost 10 years ago
This is already available for emacs!!!! (evil laugh) Emacs has thought of everything!
评论 #9659166 未加载
评论 #9660433 未加载
评论 #9660161 未加载