前端開發神級編輯器notepad++以及Zen Coding神級插件

頁面製作快兩年了,對於開發的編輯器也用過許多,像剛開始使用的dreamweaver,到後來的editplus,再後來用到了sublime以及notepad++,這幾個編輯器中我用的最舒服的就是notepad++了。

Notepad++是一款免費開源的輕量級的編輯器,能夠快速打開所要編輯的文檔。Sublime很好很強大,但是它的打開速度遠遠沒有notepad++的快。Notepad++不僅有語法高亮度顯示,也有語法摺疊功能,並且支援宏以及擴充基本功能的外掛模組。

Notepad++功能也很強大:

  1. 內置支持多達27種語法高亮度顯示(包括各種常見的源代碼、腳本,能夠很好地支持 .nfo 文件查看),還支持自定義語言;
  2. 可自動檢測文件類型,根據關鍵字顯示節點,節點可自由摺疊/打開,還可顯示縮進引導線,讓代碼顯示得很有層次感;
  3. 可打開雙窗口,在分窗口中又可打開多個子窗口,允許快捷切換全屏顯示模式(F11),支持鼠標滾輪改變文檔顯示比例;
  4. 提供了一些有用工具,如 鄰行互換位置、宏功能,等...
  5. 可顯示選中文本的字節數;

Notepad++也有很多插件供你選擇,對於我們前端開發特別是頁面製作這塊Zen Coding是必不可少的。Zen Coding其實是一款快速編輯html代碼的編輯器插件。這個插件的實現了用縮寫方式完成大量重複的書寫工作。他的核心是一個強大的縮寫引擎,掌握這些縮寫技巧,給我們的編寫代碼帶來極高的編寫效率。

下載地址:http://code.google.com/p/zen-coding/ 我們可以下載與之相對應的編輯器插件,然後把解壓的文件放入到 F:\Program Files\Notepad++\plugins 這個目錄下(即你安裝notepad++的路徑),最後重啓notepad++,這時你可以看到菜單欄最後多了一項Zen Coding選項。具體如何使用Zen Coding可以看下下面的視頻。視頻地址:http://v.youku.com/v_show/id_XMTM4NDQwNzgw.html

下面再介紹個插件JSMin

Notepad++的JSMin插件既可以格式化js,也可以壓縮js。我們可以通過notepad++自身的插件管理器進行下載。

1、打開插件管理器


2、下載並安裝JSMin


3、重啓notepad++

功能:

  1. JSMin  對js進行壓縮
  2. JSFormat  對js進行格式化
  3. JSON Viewer  檢查json數據

PS:博客搬家了,以後不再 CSDN 更新了,見諒。最新博客地址:http://www.cnblogs.com/yjzhu/

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