前端開發環境搭建

名詞解釋


  • bower : 一個Web開發的包管理軟件前端

    Bower是一個Web開發的包管理軟件。前端開發中,或多或少,都會以來於現成的framework或者lib,如bootstrap、jquery等。每次編寫代碼以前,都須要從網上下載,或者從硬盤深處找出珍藏的,項目所依賴的框架或者庫文件。同時,所下載的文件,又可能以來與另外的庫文件。Bower的誕生,正是爲了解決此繁瑣的依賴關係的。java

    須要注意的是,Bower的運行,依賴於版本控制工具git,從github拉取以來信息。jquery

    bower install 安裝依賴包git

  • grunt : [一個基於任務的JavaScript工程命令行構建工具][1]github

    一句話:自動化。對於須要反覆重複的任務,例如壓縮(minification)、編譯、單元測試、linting等,自動化工具能夠減輕你的勞動,簡化你的工做。當你正確配置好了任務,任務運行器就會自動幫你或你的小組完成大部分無聊的工做。bootstrap

    grunt test 單元測試框架

    grunt serve 啓動測試服務maven

    gruntgrunt

    grunt serve:dist 啓動發佈的包工具

  • Yeoman

    Yeoman是Google的團隊和外部貢獻者團隊合做開發的,他的目標是經過Grunt(一個用於開發任務自動化的命令行工具)和Bower(一個HTML、CSS、Javascript和圖片等前端資源的包管理器)的包裝爲開發者建立一個易用的工做流。

    Yeoman的目的不只是要爲新項目創建工做流,同時仍是爲了解決前端開發所面臨的諸多嚴重問題,例如零散的依賴關係。

    Yeoman主要有三部分組成:yo(腳手架工具)、grunt(構建工具)、bower(包管理器)。這三個工具是分別獨立開發的,可是須要配合使用,來實現咱們高效的工做流模式。

    以上三個工具相似於java中的maven,提供了項目構建骨架(yo)、包依賴(bower)、grunt(maven:build clean install...)

    yo angular 生成angular項目基礎骨架 [1]: http://www.gruntjs.net/

相關文章
相關標籤/搜索