Skip to main content

Emmet Makes Me Code Lightning Fast

Free2015-06-24#CSS#HTML#Tool#Emmet#ZenCoding#前端IDE

Using Emmet syntax to write HTML and CSS feels extraordinary. No more annoyance with precisely matching tags, no more hatred for style property names, no need to remember browser prefixes anymore. You'll only blame yourself for your thoughts not keeping up with your fingers.

Preface

Due to a series of reasons, today's blog post can only be very short. Short means you need to check another page, and it also means there's almost no nonsense.

I. What is Emmet?

Do you know Markdown? Emmet is something similar. Writing Markdown almost never requires manually inserting tags, allowing you to focus on content while ignoring HTML's troublesome format. Emmet is even more powerful than Markdown, more suitable for front-end developers, and can greatly improve coding efficiency.

Emmet is an upgraded version of ZenCoding. Most popular text editors have Emmet plugins, such as Sublime Text.

II. Emmet Syntax

Go check what ayqy has carefully organized: Emmet Syntax

These are the most basic syntax rules.

If you want to code even faster, you need to remember more: Emmet Abbreviation Quick Reference

III. How to Use Emmet

You can install plugins. Sublime Text is recommended—a lightweight, easy-to-use text editor with rich plugin support.

Comments

No comments yet. Be the first to share your thoughts.

Leave a comment