|
很多人喜歡用Dreamweaver,也有人喜歡用Expression Web,還有人喜歡用破解的EditPlus,當(dāng)然還有人使用Notepad++。Notepad++絕對是一個非常棒的輕量級代碼編輯器,他是免費(fèi)的,大小只有幾M,和 Dreamweaver、Expression Web、EditPlus 這些收費(fèi)軟件不同,你不需要在下載后再去網(wǎng)上搜破解版、注冊碼、補(bǔ)丁之類的,你可以堂堂正正地用 Notepad++ 寫代碼、做商業(yè)開發(fā),完全不用擔(dān)心版權(quán)問題! Notepad++ 是一款無比輕巧便捷的代碼編輯工具。它無可挑剔的啟動速度,優(yōu)秀的語法高亮,干凈整齊的代碼縮進(jìn),便捷的括號高亮匹配贏得了無數(shù)人的喜愛。 Notepad++ 官方下載:傳送門 當(dāng)然,如果你想更快更好的寫代碼的話,那么,我得給你推薦2個非常棒的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。 下面的動態(tài)演示圖,只是它強(qiáng)大功能的一部分而已。它無視了編輯器的自動提示和自動完成,秒殺了你自定義的各種快捷鍵或者 AHK 的熱字符串,以智能簡潔高效的縮短輸入,帶給你超快速地書寫各種復(fù)雜而枯燥的 HTML 和 CSS 代碼的體驗。
先舉一個復(fù)雜的例子:zen-coding 可以把這樣的代碼:div#header>ul.navigation>li*4>a,變成下面的 HTML 代碼
看到這熟悉的語法結(jié)構(gòu),會 CSS 的朋友一定會驚聲尖叫!最妙的是那個“*4”,直接生成 4 個 li 代碼了。沒錯,Zen Coding 就是這樣牛叉的東西,Zen Coding 分為 Zen HTML 和 Zen CSS 兩部分。這兩部分功能是以插件的形式來實現(xiàn)的。 網(wǎng)頁版快捷鍵說明: Ctrl + E:展開代碼 Ctrl + D:向外快速選中代碼塊 Shift + Ctrl + D:向內(nèi)快速選中代碼塊 Shift + Ctrl + A:輸入一個縮寫,自動展開并包圍所選代碼 Ctrl + Alt+→ :光標(biāo)智能跳轉(zhuǎn)到下一個編輯點(自己試試就知道多體貼了) Ctrl + Alt+←:光標(biāo)智能跳轉(zhuǎn)到上一個編輯點 Ctrl + L:選擇一行 當(dāng)然,在其中對應(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,這個Notepad++默認(rèn)tab快捷鍵有沖突不好用,我改為 Shift+Tab,方法是:設(shè)置-》管理快捷鍵-》Plugin commands-》找到 Replace Tag(一般在底下),把原來的 Tab 改為 Shift+Tab。 然后就可以使用了,如果要設(shè)置自動收入,在插件-》QuickText-》Options,里面內(nèi)置的 tags不多,我簡單看了下,只有 html、c、c++等比較像是,我常用的 css 沒有幾個,不過可以自己添加。 因為插件內(nèi)置了常用的 Html,而我們修改主題大部分是 php 文件,所以可以把 Html 的配置 Copy 到 php。方法是打開配置文件 QuickText.ini,找到[8]下面的所有內(nèi)容復(fù)制到[1]下面。 用法:新建一個文檔,語言選為 html,然后在空行處輸入 dtd 。按之前設(shè)置的快捷鍵 Ctrl+Right,這時候 dtd標(biāo)簽自動替換為完整的html頂部代碼了。
這2個插件配合Notepad++ 使用,可以更加快捷的書寫代碼,讓寫代碼變得非常簡單方便。 |
|
|