Notepad++ 有哪些適用於前端開發的插件?

很多前端都在用Notepad++, 交流一下使用的插件吧


Update: 此回答是三年前的,所以很多插件已經更新或被棄用了,請擇優使用。

---------------

(由於Notepad++預先安裝了Plugin Manager,所以你只需在Plugin Manager里查看這些插件即可)

  • zen coding http://code.google.com/p/zen-coding/downloads/list (建議使用Python版本)

  • JSMin 感謝@yulanggong 推薦,格式化代碼很有用。他推薦的插件都很不錯。

  • JSONViewer http://sourceforge.net/projects/nppjsonviewer/

  • Campare http://sourceforge.net/projects/npp-compare/

  • Light Explorer http://sourceforge.net/projects/npp-plugins/files/LightExplorer/

  • NppExec 可以執行cmd,這個插件幫我實現了把Less編譯成CSS。

D:SourceCodeless.jslessc.cmd $(FULL_CURRENT_PATH) $(CURRENT_DIRECTORY)$(NAME_PART).css -compress

  • JSLint http://sourceforge.net/projects/jslintnpp/ (語法太苛刻,我卸載不用了)

另外,你還要自己設置一些東西。

1. 配色:設置-&>語言格式設置-&>選擇主題Bespin。

2. 自動補全:設置-&>首選項-&>備份與自動完成-&>勾選「所有輸入均啟用自動完成」、「輸入時提示函數參數」。

3. 快捷鍵:設置-&>管理快捷鍵(可以實現按一個鍵,就直接在瀏覽器里打開當前代碼文件,自己琢磨吧)另外,zen coding原本的快捷鍵設置不太好,可以在~Notepad++pluginsNppScriptingincludesen Coding.js里直接改它的腳本(這裡說的是舊版,Python版的直接在「管理快捷鍵」里設置)。

4.UTF-8:設置-&>首選項-&>新建-&>選中「Unix」-&>選中「UTF-8無BOM」-&>勾選「應用於打開ANSI文件」。

5.用空格代替Tab:設置-&>首選項-&>語言-&>標籤尺寸改為4-&>勾選「以空格取代」。

Notepad++的功能如此強大,只是你還沒把它們挖掘出來。

說句題外話,一個月前我轉用SublimeText2了(因為界面好看),現在我正在學習VIM&<( ̄︶ ̄)&>(因為不用滑鼠)。


我也補充些:

  1. JSMin 壓縮 JS 的,還提供格式化代碼的功能,不怎麼用它的壓縮,經常用它的格式化來看別人的代碼。
  2. SourceCookifier 展示代碼框架,查找定義,跳轉到定義,從當前代碼跳轉到其定義。嘗試過 TagsView 和 TagsJump 感覺沒這個好用。還有個CCompletion功能也類似。這幾個提供代碼框架的插件都是基於 Ctags 的, Ctags 對 JS 支持的不太好。
  3. Xbrackets 自動補全各種括弧{}[]()等,也可以配置補全&<&>""等。
  4. Zen Coding 我用的是 python 版的,除了驚艷的代碼生成功能,還可以配置成代碼片段工具,所以原來試過的很多的代碼片段插件後來就不用了。
  5. TextFX 這是關於文字處理的工具集合,各種亂七八糟的命令都能從中找到,裡面帶一個HTML Tidy 可以格式化 HTML。
  6. UniversalIndentGUI 代碼格式化工具集合,常見的代碼格式幾乎都支持,包括CSS HTML JS 。
  7. Lorem Ipsum 生成假文
  8. FingerText 很強大的代碼片段工具,支持多重熱點,熱點默認值,片段鏈式嵌套(片段中套片段)等特性,是個讓人眼前一亮的插件。


最常用的,上面提到了jsmin,補充下,該插件有js format功能,使用率最高

再來一個NppJumplist,給win7添加jumplist功能,聊勝於無。


quicktext 和 zen coding 自己用的這兩個。


推薦你看一下 Notepad++前端開發常用插件介紹


原來用Notepad++ 只裝了zen-codeing。現在都是用Sublime Text 2了,推薦你試試。


這幾個很有用: CCompletion, JSMin, JSLint, Xbrackets, SourceCookifier


MarkdownViewer++


自己用一個Jstool的插件,可以格式化JSON數據,比較方便。

JSToolNpp download

安裝方法也是把文件拷貝到notepad++安裝位置的plugin文件夾里,重啟就可以。


HTML、css、js、txt、xml、csv後綴的都可以用,Notepad++打開很快。


Notepad++firebug足夠了


推薦閱讀:

Windows 上的銀行插件做了什麼來保證安全?安全度如何?

TAG:前端開發 | 插件 | Notepad |