讓Editplus自動格式化js、css、html。。。

來源:互聯網
上載者:User
本人一般用editplus寫一些小的測試代碼或者來研究學習別人的代碼,但經常會遇到這些問題:下載過來的HTML/CSS代碼混亂,JS代碼被壓縮,或者是我們想把我們的代碼做一下壓縮混淆以供發布時使用。當然,對於代碼的格式化和代碼壓縮等,我們都可以使用專有的工具,或者使用一些線上的工作來做,既然EditPlus可以擴充外掛程式,那我們何不利用這一功能來把這些工具整合到EP中呢?

     其實很早我都有這些想法,一直沒有深究其做法,EP的使用者工具組,我一般也是掛些協助手冊之類的供開發時參考。今天在BlueIdea看到有人發了一篇名為“讓Editplus自動格式化css和js”的文章,看完後覺得寫的很好,我也突然來了靈感,為什麼不把前端開發常用工具都整合進去呢?

      說做就做,我在網上找了一些相關的工具代碼,按照作者的方式開始改造(作者是使用“本地cScript調用JS+EP的文本過濾器”的方式來實現的)。

     下面來說下整合的方法(以下以EditPlus3中文版本為例):

      1、下載工具包:edtools.rar ,解壓後放到磁碟的一個目錄,如D:\edTools。

      2、開啟ED,開啟“工具”-“使用者工具組”,在彈出的對象框中,在“組和工具項目”下拉框中選擇一個工具組,點擊“組名稱”,為該組工具設定一個名稱,如“前端開發工具”,如所示:

3、下面開始加入工具,這裡主要以JSFormat為例講解,其它類似。
點擊“添加”--“應用程式”,在建立的項中,菜單文本寫上名稱,如"jsFormat",在命令裡面輸入:

Java代碼
  1. cscript /nologo "D:\edTools\jsFormatter.js"    
cscript /nologo "D:\edTools\jsFormatter.js"  

後面引號中的內容要修改你磁碟上對應的檔案的路徑。
在下面的幾個選項中,選擇“運行為文本過濾”。如所示:

4、其它幾個的安裝方式與jsFormat的安裝類似,這裡不再重複。點擊ED ,工具你會發現:jsFormat   Ctrl+1,開啟一個js點擊後你會發現奧秘。

: http://download.csdn.net/source/1907530

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.