wordpress愛找主題

最近在做一個項目，涉及到大量的HTML、CSS代碼的編寫，手動寫代碼效率實在是低下。于是想搜索一下，有沒有Notepad++插件可以支持自動生成的，果不其然還真有。Emmet，這款神器其實就是 Zen Coding 的升級版，它可以極大的提高代碼編寫的效率，并提供了一種非常簡練的語法規則，立刻生成對應的 HTML 結構或者 CSS 代碼，同時還有多種實用的功能幫助進行前端開發。

Emmet支持多種編輯器，如Sublime Text 2，TextMate 1.x，Eclipse/Aptana，Espresso，Notepad++等。我習慣于在Notepad++下寫代碼，因此本文記述的是如何在Notepad++下安裝和使用。

1、下載Emmet和Python Script

Emmet需要 Python Script 的支持，因此這兩款插件必須同時安裝才能使用。

下載地址：

PythonScript_full_0.9.2.0

Emmet的Notepad++插件

2、安裝

Emmet的安裝比較簡單，下載完解壓后復制到Notepad++安裝目錄的plugins下即可。

Python Script安裝到Notepad++的目錄即可

3、Emmet的工作流程

安裝完Emmet后，強烈建議更改 Expand Abbreviation 的鍵盤快捷鍵為Tab鍵。

打開Notepad++Settings > Shortcut Mapper…對話框，切換到 plugin commands，選中 Expand Abbreviation 項，修改其快捷鍵為Tab鍵即可。

然后，就可以按照 Emmet 的工作流程來干活了：

打開 HTML 或 CSS 文件->按語法編寫指令->按下 TAB 鍵->生成！

4、Emmet的使用教程

關于emmet網上的語法教程很多，百度下吧