1. 程式人生 > >nodejs+angularjs+npm+gulp+bower+jade+less構建前端框架

nodejs+angularjs+npm+gulp+bower+jade+less構建前端框架

名詞解釋

nodejs:nodejs是這個框架的基礎,nodejs可以理解成js直譯器,相對於Python語言而言,以前執行js程式碼必須使用瀏覽器,現在就可以使用nodejs,nodejs還擴充了js語言,編寫了包括檔案,網路,程序管理在內的許多模組。

angularjs:angularjs是一個js框架,類似於jquery,但是比jquery更加強大,angularjs通過model繫結簡化了前端中的資料處理,ng指令封裝了大量的dom元素操作。

npm:npm是nodejs的包管理軟體,通過npm install < packagename >,可以很方便地為專案安裝模組,模組預設安裝在node_modules目錄裡面。

bower:bower是另一個包管理工具,和npm側重不同的是bower是前端工具的包管理工具,而npm是nodejs的模組管理工具。其它區別還有這兩點

bower不儲存檔案,只是將模組作者的git地址暴露出來,安裝的時候從git下載,而npm將模組儲存在自己的伺服器上面。
bower的依賴管理和npm不同(具體如何不同待了解)

gulp:gulp是一個專案構建工具,使用流將原始檔合成到輸出資料夾,gulp以執行task為基本方式。例如,建立代理和將分離的js檔案合併(編譯js)就是兩個分離的任務。

jade:jade是一個html模板引擎,使用jade可以用較為簡單的方式來開發html頁面,程式設計師可以少寫很多程式碼,這是我目前為止最主要的體會。

less:Less 是一門 CSS 預處理語言,它擴充套件了 CSS 語言,增加了變數、Mixin、函式等特性,使 CSS 更易維護和擴充套件

實踐

待更新。。。