攻欲善其事,必先利其器。前端開發,編輯器我們有了Sublime Text2,配置Server環境用……你可能會選擇Apache,為什麼呢?因為能供選擇的選項實在太少。而現在,我向大家推薦一個針對前端開發頁面而設計的伺服器環境開源項目——D2Server。
D2Server使用NodeJS編寫的,是以基本可以通殺前端使用的系統類型。D2Server除了處理檔案輸出之外,還能輔助進行項目管理。
- 使用項目配置檔案管理項目,項目資訊簡單明了
- 針對團隊協作,可每人設定獨立的項目配置檔案,由D2Server來合并配置資訊
- 項目下設定獨立的開發目錄,分離開發檔案和導出檔案
- 項目檔案儲存後,自動重新整理浏覽器,CSS檔案的更新可實作動态加載新樣式(相容IE6)
- 項目中使用 EJS 模版引擎處理HTML代碼
- 項目中使用 LESS 編譯CSS檔案,并針對BEM命名規則進行優化
- 使用 DataAPI ,不改變生産環境下的資料源檔案路徑,快速模拟動态資料,并實作自動化的管理
- 配置項目
配置參數,一鍵建立二級域名指向alias
- 一鍵導出項目生産環境的最終檔案,JS使用 gcc 壓縮,CSS使用 yuicompressor 壓縮
-
配置參數,在導出項目檔案的同時,實作JS、CSS等檔案的同步sync
- 導出項目過程中,可以針對符合規範的樣式命名,提供樣式命名的壓縮
- 針對開發檔案使用檔案緩存隊列機制,減少IO開銷,Server更快響應請求
- 動态合并開發源檔案,友善使用Fiddler等調試工具
- 可設定多個項目初始化檔案配置方案,通過
指令快速建立項目init
更多功能,可以檢視D2Server的使用文檔,裡面有非常詳細的安裝配置(一定要看噢)及功能子產品使用說明。
我現在開發修改頁面已經離不開D2Server,即使是接受一些臨時項目需求,我都會将需求放到D2Server下進行管理開發。
D2Server解放的不光光是F5和拷貝黏貼鍵,他協助前端開發者處理工作中的日常和零碎,讓我們更加集中于自己的工作。
愛折騰的同仁,歡迎嘗試~用半個小時的時間下載下傳配置,可以換來以後的諸多友善。
項目托管在Github
庫位址是https://github.com/Bacra/node-d2server,目前版本為3.2.2
3.0之前的版本放在https://github.com/Bacra/php-d2server,php版已經停止維護
分類: D2Server, JavaScript, LESS
标簽: LESS, NodeJS, Apache, d2, EJS, gcc, yui, bem, team