很多人喜歡用Dreamweaver,，也有人喜歡用Expression Web,，還有人喜歡用破解的EditPlus，當(dāng)然還有人使用Notepad++,。Notepad++絕對(duì)是一個(gè)非常棒的輕量級(jí)代碼編輯器,，他是免費(fèi)的，大小只有幾M,，和 Dreamweaver,、Expression Web、EditPlus 這些收費(fèi)軟件不同，你不需要在下載后再去網(wǎng)上搜破解版,、注冊(cè)碼,、補(bǔ)丁之類的，你可以堂堂正正地用 Notepad++ 寫代碼,、做商業(yè)開發(fā),，完全不用擔(dān)心版權(quán)問題！

Notepad++ 是一款無比輕巧便捷的代碼編輯工具,。它無可挑剔的啟動(dòng)速度,，優(yōu)秀的語法高亮，干凈整齊的代碼縮進(jìn),，便捷的括號(hào)高亮匹配贏得了無數(shù)人的喜愛,。

Notepad++ 官方下載：傳送門

當(dāng)然，如果你想更快更好的寫代碼的話,，那么,，我得給你推薦2個(gè)非常棒的Notepad++插件——Zen Coding 、 QuickText,。

Zen Coding 官網(wǎng):https://code.google.com/p/zen-coding/

下載 Zen Coding for Notepad++ v0.7 解壓

將解壓所得的文件放入 Notepad++ 程序的安裝目錄下的plugins文件夾,。重啟Notepad++，即可開始使用 Zen Coding,。

下面的動(dòng)態(tài)演示圖,，只是它強(qiáng)大功能的一部分而已。它無視了編輯器的自動(dòng)提示和自動(dòng)完成,，秒殺了你自定義的各種快捷鍵或者 AHK 的熱字符串,，以智能簡(jiǎn)潔高效的縮短輸入，帶給你超快速地書寫各種復(fù)雜而枯燥的 HTML 和 CSS 代碼的體驗(yàn),。

先舉一個(gè)復(fù)雜的例子：zen-coding 可以把這樣的代碼：div#header>ul.navigation>li*4>a,，變成下面的 HTML 代碼

看到這熟悉的語法結(jié)構(gòu)，會(huì) CSS 的朋友一定會(huì)驚聲尖叫,！最妙的是那個(gè)“*4”,，直接生成 4 個(gè) li 代碼了。沒錯(cuò),，Zen Coding 就是這樣牛叉的東西,，Zen Coding 分為 Zen HTML 和 Zen CSS 兩部分。這兩部分功能是以插件的形式來實(shí)現(xiàn)的,。

網(wǎng)頁版快捷鍵說明：

Ctrl + E：展開代碼

Ctrl + D：向外快速選中代碼塊

Shift + Ctrl + D：向內(nèi)快速選中代碼塊

Shift + Ctrl + A：輸入一個(gè)縮寫,，自動(dòng)展開并包圍所選代碼

Ctrl + Alt+→ ：光標(biāo)智能跳轉(zhuǎn)到下一個(gè)編輯點(diǎn)（自己試試就知道多體貼了）

Ctrl + Alt+←：光標(biāo)智能跳轉(zhuǎn)到上一個(gè)編輯點(diǎn)

Ctrl + L：選擇一行

當(dāng)然，在其中對(duì)應(yīng)位置仿照已有規(guī)則添加自己的縮寫規(guī)則,。也可以修改縮寫規(guī)則更符合自己的習(xí)慣,。

即使你不編寫自己的縮寫規(guī)則,，也強(qiáng)烈建議你閱讀此文件，熟悉 Zen Coding 自帶的一些縮寫規(guī)則,，讓代碼書寫更加事半功倍~

前端觀察上面有詳細(xì)的使用方法,，大家可以看看。傳送門

QuickText  官網(wǎng):https://code.google.com/p/quicktext/

下載 QuickText 解壓

1. 把 QuickText.UNI.dll 放到 Notepad++的 plugins 目錄下

2. 把 QuickText.ini 放到 Notepad++ 的 plugins/Config 目錄下

插件默認(rèn)快捷鍵是 tab,，這個(gè)Notepad++默認(rèn)tab快捷鍵有沖突不好用,，我改為 Shift+Tab，方法是：設(shè)置-》管理快捷鍵-》Plugin commands-》找到 Replace Tag（一般在底下）,，把原來的 Tab 改為 Shift+Tab,。

然后就可以使用了，如果要設(shè)置自動(dòng)收入,，在插件-》QuickText-》Options,，里面內(nèi)置的 tags不多，我簡(jiǎn)單看了下,，只有 html,、c、c++等比較像是,，我常用的 css 沒有幾個(gè),，不過可以自己添加。

因?yàn)椴寮?nèi)置了常用的 Html,，而我們修改主題大部分是 php 文件,，所以可以把 Html 的配置 Copy 到 php。方法是打開配置文件 QuickText.ini,，找到[8]下面的所有內(nèi)容復(fù)制到[1]下面,。

用法：新建一個(gè)文檔，語言選為 html,，然后在空行處輸入 dtd ,。按之前設(shè)置的快捷鍵 Ctrl+Right，這時(shí)候 dtd標(biāo)簽自動(dòng)替換為完整的html頂部代碼了,。

這2個(gè)插件配合Notepad++ 使用,，可以更加快捷的書寫代碼，讓寫代碼變得非常簡(jiǎn)單方便,。