yeoman是前端工程構(gòu)建工具
由3個工具組成:腳手架yo,包管理器bower,自動化任務(wù)grunt
環(huán)境要求:
node.js,git
注:
git要求是必須的,如果git沒有配置在環(huán)境變量中,命令行在git shell中執(zhí)行即可。
例子:
創(chuàng)建一個webapp應(yīng)用
(1)安裝yo,bower,grunt
npm install -g yo bower grunt-cli
(2)安裝webapp生成器
npm install -g generator-webapp
(3)創(chuàng)建項目目錄
mkdir my-yo-project
cd my-yo-project
(4)搭建腳手架
yo webapp
(5)部署網(wǎng)站
grunt serve
注:
(1)npm是node.js項目的包管理器,用來管理node.js的依賴項。
yeoman是node.js制作的,npm用來管理像yeoman這樣的node.js項目
npm將yeoman項目的依賴關(guān)系寫在了package.json文件中,依賴項按層級放到各模塊的node_modules文件夾中
(2)bower是yeoman項目的包管理器,用來管理yeoman的依賴項。
webapp是yeoman制作的,bower用來管理像webapp這樣的yeoman項目
bower將webapp項目的依賴關(guān)系寫在了bower.json文件中,依賴項扁平的放在了bower_components文件夾中
(3)yo webapp的時候,會要求選擇是否需要sass,sass會要求ruby環(huán)境。