notepad前端配置版:支持Emmet快速完成;支持Explorer目錄管理;支持cmd控制臺(tái)命令;支持MarkDown編輯預(yù)覽;(推薦學(xué)習(xí):notepad使用)
notepad除了自身的功能強(qiáng)大之外,更是有許多非常的優(yōu)秀的插件,下面就總結(jié)一下前端開發(fā)過程一些比較常用的插件。
Emmet
Emmet的前身是Zen Coding,一款使用仿css選擇器的語法來快速開發(fā)html和CSS的插件,是前端開發(fā)神器。它無視了編輯器的自動(dòng)提示和自動(dòng)完成,秒殺了你自定義的各種快捷鍵或者 AHK 的熱字符串,以智能簡潔高效的縮短輸入,帶給你超快速地書寫各種復(fù)雜而枯燥的 HTML 和 CSS 代碼的體驗(yàn)。現(xiàn)在可以在Notepad++的插件管理器里直接安裝了。
立即學(xué)習(xí)“前端免費(fèi)學(xué)習(xí)筆記(深入)”;
例如:輸入div#name后按Ctrl+E被轉(zhuǎn)換成
Finger Text
標(biāo)簽代碼替換和文本自動(dòng)完成插件,編輯器配合這個(gè)功能可以有效地提升代碼的書寫速度,提高自己的工作效率,例如我輸入if然后按Tab鍵將會(huì)把if替換成一個(gè)完整的if結(jié)構(gòu),可以極大的提高效率,當(dāng)然具體怎么替換是可以配置的。詳細(xì)用法參考: Finger Text
TextFx
這個(gè)號(hào)稱是Notepad++上面最好用的plugin,具有超強(qiáng)的文本處理能力,比如文本編碼處理等。編程某種程度上就是文本工作,所以這個(gè)插件對(duì)開發(fā)人員應(yīng)該是非常有幫助的。以前是默認(rèn)安裝的,現(xiàn)在需要自己手動(dòng)安裝。
Task List
自動(dòng)掃描當(dāng)前文檔,將所有”TODO:”開頭的注釋都找出來,列在右邊的面板中,雙擊可以跳轉(zhuǎn)該行。這和eclipse里的TODO功能很相似,便于標(biāo)記查找沒有完成的工作。
HTML Tag
編輯HTML代碼時(shí)比較有用,它主要的功能是匹配選擇的標(biāo)簽,對(duì)HTML標(biāo)簽編碼及解碼,對(duì)JS編碼及解碼,我認(rèn)為對(duì)HTML標(biāo)簽編碼及解碼是最有用的功能了。
TagsView
可以列出當(dāng)前文檔的全局變量,函數(shù)列表等,方便查找定位函數(shù),變量等。
json Viewer
可以以樹的形式查看JSON,同時(shí)可以格式化JSON,增加縮進(jìn)。
JSLint
JSLint一個(gè)JavaScript語法檢查工具,可以檢查你的代碼是否優(yōu)秀,規(guī)則請(qǐng)參考>。
Regex Helper
在文檔的中匹配正則表達(dá)式,可以用來測試正則表達(dá)式。
Compare Plugin
一個(gè)非常實(shí)用的工具,可以用來比較兩個(gè)文件不同之處,主要用來對(duì)比相鄰的兩個(gè)文件。
Explorer
一個(gè)文件瀏覽窗口,可以在里面創(chuàng)建文件,文件夾等。還可以快速定位當(dāng)前打開的文件的文件夾。
File Switcher
一個(gè)快速切換窗口的工具,支持通過輸入文件名,路徑或者tab index來查找切換,可以用來替換默認(rèn)的Ctrl + Tab。