前端神器Emmet

      web前端工程師是一個新興的職業，特別對於中國內地來講web前端有着極大的發展空間，因此學習新潮的前端技術也能有很好的發展前景,學好前端相信對不少人來講並不難，但在工做中如何高效使用前端技術是咱們面臨的共同問題。

      在前端開發的過程當中，一大部分的工做是寫 HTML、CSS 代碼。特別是手動編寫 HTML 代碼的時候，效率會特別低下，由於須要敲打不少尖括號，並且不少標籤都須要閉合標籤等。因而，就有了 Emmet，它能夠極大的提升代碼編寫的效率，它提供了一種很是簡練的語法規則，而後馬上生成對應的 HTML 結構或者 CSS 代碼，同時還有多種實用的功能幫助進行前端開發。可能你還不瞭解Emmet，但你可能據說過一款強大的功能類似的工具：Zen Coding，那個比較老了，而如今的 Emmet 則是 Zen Coding 的升級版，由 Zen Coding 的原做者進行開發等。

       Emmet 能夠快速的編寫 HTML、CSS 以及實現其餘的功能。它根據當前文件的解析模式來判斷要使用 HTML 語法仍是 CSS 語法來解析。例如當前文件的後綴爲 .html 那 Sublime text 2 就會用 HTML 的解析模式來解析高亮這個文件，Emmet 遇到裏面的指令就會根據 HTML 的語法把它編譯成 HTML 結構。若是是在一個 .c 的 C語言 文件中，你寫出來的用於編譯 HTML 指令就不會被 Emmet 識別編譯。此外，在沒有後綴的文件中，你能夠摁下「shift + ctrl + p」呼出面板，輸入「seth」就能夠設置當前文件的解析模式爲 HTML 。

      看了那麼多介紹，若是你如今正從事前端或前端相關工做，那麼我相信Emmet會成爲你很好的助手！

 ----------------------------------------------------------------------------------------------------------

       注：Emmet嚴格意義上來講，並非一款軟件或者工具，它是一款編輯器插件，必需要基於某個編輯器使用。

  目前它支持以下編輯器：

• Sublime Text 2
• TextMate 1.x
• Eclipse/Aptana
• Coda 1.6 and 2.x
• Espresso
• Chocolat (能夠經過 「Install Mixin」 對話框安裝)
• Komodo Edit/IDE ( Tools → Add-ons)
• Notepad++
• PSPad
• <textarea>
• CodeMirror2/3
• Brackets