一谦去、yeoman的優(yōu)勢(shì)與劣勢(shì)
1慷丽、優(yōu)勢(shì)
1)重量級(jí)的項(xiàng)目管理腳手架,涵蓋類(lèi)庫(kù)豐富鳄哭,安裝插件簡(jiǎn)單要糊;
2)技術(shù)整合成熟,打包依賴(lài)妆丘,配套類(lèi)庫(kù)合理锄俄,人性;
3)命令簡(jiǎn)單勺拣,不需要投入太多學(xué)習(xí)成本就能完成整個(gè)項(xiàng)目的搭建奶赠、開(kāi)發(fā)、打包工作宣脉。
2车柠、劣勢(shì)
1)配置文件過(guò)于復(fù)雜,過(guò)于依賴(lài)bower,不易自定義的設(shè)置塑猖;
2)引入的類(lèi)庫(kù)過(guò)于臃腫竹祷,沒(méi)有sass+gulp+webpack+Browsersync構(gòu)建輕量
3)css模塊化 項(xiàng)目監(jiān)聽(tīng) 中規(guī)中矩,無(wú)法滿(mǎn)足高度模塊化項(xiàng)目羊苟,移動(dòng)端調(diào)試的需求
二塑陵、安裝步驟
1、安裝node.js
這個(gè)這里先不多說(shuō)蜡励,注意:高版本的NodeJs需要手動(dòng)添加環(huán)境變量令花。
2.檢查node 安裝是否成功
$ node -v
2、安裝cnpm鏡像
原因:下載資源和安裝插件速度快凉倚,防止被墻兼都,導(dǎo)致安裝失敗
$ npm install -g cnpm --registry=https://registry.npm.taobao.org? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??
?檢查cnpm是否安裝成
$ cnpm -v
3.安裝依賴(lài) 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.新建項(xiàng)目并跳轉(zhuǎn)
$ mkdir my-project && cd my-project
$ yo gulp-angular ? ? 運(yùn)行生成器
6.ui庫(kù)的選擇
7.js庫(kù)的選擇
anguarStrap?(訪(fǎng)問(wèn)不了可能是被墻了)
8.運(yùn)行server
$ gulp serve
9.項(xiàng)目打包
$ gulp build