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

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

Notepad++ 官方下載：傳送門(mén)

當(dāng)然，如果你想更快更好的寫(xiě)代碼的話(huà)，那么，我得給你推薦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++，即可開(kāi)始使用 Zen Coding。

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

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

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

網(wǎng)頁(yè)版快捷鍵說(shuō)明：

Ctrl + E：展開(kāi)代碼

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

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

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

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ī)則添加自己的縮寫(xiě)規(guī)則。也可以修改縮寫(xiě)規(guī)則更符合自己的習(xí)慣。

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

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

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（一般在底下），把原來(lái)的 Tab 改為 Shift+Tab。

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

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

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

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