攻欲善其事,必先利其器。前端開發,編輯器我們有了Sublime Text2,配置Server環境用……你可能會選擇Apache,為什么呢?因為能供選擇的選項實在太少。而現在,我向大家推薦一個針對前端開發頁面而設計的服務器環境開源項目——D2Server。
D2Server使用NodeJS編寫的,所以基本可以通殺前端使用的系統類型。D2Server除了處理文件輸出之外,還能輔助進行項目管理。
- 使用項目配置文件管理項目,項目信息簡單明了
- 針對團隊協作,可每人設置獨立的項目配置文件,由D2Server來合並配置信息
- 項目下設置獨立的開發目錄,分離開發文件和導出文件
- 項目文件保存后,自動刷新瀏覽器,CSS文件的更新可實現動態加載新樣式(兼容IE6)
- 項目中使用 EJS 模版引擎處理HTML代碼
- 項目中使用 LESS 編譯CSS文件,並針對BEM命名規則進行優化
- 使用 DataAPI ,不改變生產環境下的數據源文件路徑,快速模擬動態數據,並實現自動化的管理
- 配置項目
alias
配置參數,一鍵創建二級域名指向 - 一鍵導出項目生產環境的最終文件,JS使用 gcc 壓縮,CSS使用 yuicompressor 壓縮
- 配置項目
sync
配置參數,在導出項目文件的同時,實現JS、CSS等文件的同步 - 導出項目過程中,可以針對符合規范的樣式命名,提供樣式命名的壓縮
- 針對開發文件使用文件緩存隊列機制,減少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版已經停止維護