Notepad++前端開發常用插件介紹

Notepad++除了自身的功能強大之外,更是有許多非常的優秀的插件,下面就總結一下前端開發過程一些比較常用的插件。

Emmet

Emmet的前身是Zen Coding,一款使用仿CSS選擇器的語法來快速開發HTML和CSS的插件,是前端開發神器。它無視了編輯器的自動提示和自動完成,秒殺了你自定義的各種快捷鍵或者 AHK 的熱字符串,以智能簡潔高效的縮短輸入,帶給你超快速地書寫各種複雜而枯燥的 HTML 和 CSS 代碼的體驗。現在可以在Notepad++的插件管理器裏直接安裝了。

例如:輸入div#name後按Ctrl+E被轉換成<div id="name"></div>

詳細用法參考: http://www.gbtags.com/gb/share/1996.htm

Finger Text

標籤代碼替換和文本自動完成插件,編輯器配合這個功能可以有效地提升代碼的書寫速度,提高自己的工作效率,例如我輸入if然後按Tab鍵將會把if替換成一個完整的if結構,可以極大的提高效率,當然具體怎麼替換是可以配置的。詳細用法參考: Finger Text

TextFx

這個號稱是Notepad++上面最好用的plugin,具有超強的文本處理能力,比如文本編碼處理等。編程某種程度上就是文本工作,所以這個插件對開發人員應該是非常有幫助的。以前是默認安裝的,現在需要自己手動安裝。詳細用法可以參考:http://zhibin07.iteye.com/blog/1287234

Task List

自動掃描當前文檔,將所有"TODO:"開頭的註釋都找出來,列在右邊的面板中,雙擊可以跳轉該行。這和Eclipse裏的TODO功能很相似,便於標記查找沒有完成的工作。

HTML Tag

編輯HTML代碼時比較有用,它主要的功能是匹配選擇的標籤,對HTML標籤編碼及解碼,對JS編碼及解碼,我認爲對HTML標籤編碼及解碼是最有用的功能了。

TagsView

可以列出當前文檔的全局變量,函數列表等,方便查找定位函數,變量等。

JSON Viewer

可以以樹的形式查看JSON,同時可以格式化JSON,增加縮進。

JSLint

JSLint一個JavaScript語法檢查工具,可以檢查你的代碼是否優秀,規則請參考<<JavaScript語言精粹>>。

RegEx Helper

在文檔的中匹配正則表達式,可以用來測試正則表達式。

Compare Plugin

一個非常實用的工具,可以用來比較兩個文件不同之處,主要用來對比相鄰的兩個文件。

Explorer

一個文件瀏覽窗口,可以在裏面創建文件,文件夾等。還可以快速定位當前打開的文件的文件夾。

File Switcher

一個快速切換窗口的工具,支持通過輸入文件名,路徑或者tab index來查找切換,可以用來替換默認的Ctrl + Tab。

如需轉載,請註明來自: BorisHuai前端修煉 > Notepad++前端開發常用插件介紹

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章