Facebook  Twitter  Google +  Linkedin

Write HTML/CSS code faster with Emmet.

For developers for write code from scratch, you might have come to realize that at some point it somehow gets tough and at the same time boring for you to keep writing the same code and or any coding language syntax.

Emmet is a plugin for many popular text editors which greatly improves HTML & CSS and other many languages workflow. Emmet enables you to write faster by writing simple abbreviations and just pressing Tab or Ctrl+E

If you write a lot of html, css, bootstrap, you will find the Emmet plugin very helpful and once you are well conversant with Emmet, it will really change the way you have been creating your webpages. I bet you will have to love it.

Basically, most text editors out there allow you to store and re-use commonly used code chunks, called “snippets”.

Emmet takes the snippets idea to a whole new level: you can type CSS-like expressions that can be dynamically parsed, and produce output depending on what you type in the abbreviation. Emmet is developed and optimised for web-developers whose workflow depends on HTML/XML and CSS, but can be used with programming languages too.

Emmet is supported in most text-editors for example: Vscode ,Textmate, sublime text, brackets, coda ,Eclipse, dream weaver any many others.

How to install Emmet in Sublime text editor.

  1. Open Command Palette in Sublime Text
  2. Pick “Install Package” command
  3. Find and install “Emmet” plugin

Most of modern and new text editors come with Emmet already installed for example Vscode.

Emmet documentation can be found here: https://docs.emmet.io/