一、yeoman的優勢與劣勢
1、優勢
1)重量級的項目管理腳手架,涵蓋類庫豐富,安裝插件簡單;
2)技術整合成熟,打包依賴,配套類庫合理,人性;
3)命令簡單,不需要投入太多學習成本就能完成整個項目的搭建、開發、打包工作。
2、劣勢
1)配置文件過于復雜,過于依賴bower,不易自定義的設置;
2)引入的類庫過于臃腫,沒有sass+gulp+webpack+Browsersync構建輕量
3)css模塊化 項目監聽 中規中矩,無法滿足高度模塊化項目,移動端調試的需求
二、安裝步驟
1、安裝node.js
這個這里先不多說,注意:高版本的NodeJs需要手動添加環境變量。
2.檢查node 安裝是否成功
$ node -v
2、安裝cnpm鏡像
原因:下載資源和安裝插件速度快,防止被墻,導致安裝失敗
$ npm install -g cnpm --registry=https://registry.npm.taobao.org? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??
?檢查cnpm是否安裝成
$ cnpm -v
3.安裝依賴 gulp bower
$ cnpm install -g gulp bower
檢查gulp bower 是否安裝成功
?gulp -v
bower -v
3.全局安裝yeoman
$ cnpm install -g yo
檢查yoeman是否安裝成功
$ yo -v
4.安裝angular
$ cnpm install -g generator-gulp-angular
5.新建項目并跳轉
$ mkdir my-project && cd my-project
$ yo gulp-angular ? ? 運行生成器
6.ui庫的選擇
7.js庫的選擇
anguarStrap?(訪問不了可能是被墻了)
8.運行server
$ gulp serve
9.項目打包
$ gulp build