[JavaScript] yeoman

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)境。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 主流前端集成方案 Yeoman webapp集成腳手架工具:代碼校驗,測試,壓縮 Bower: 下載管理框架、庫 ...
    baby熊_熊姐閱讀 405評論 0 1
  • jHipster - 微服務(wù)搭建 CC_簡書[http://www.itdecent.cn/u/be0d56c4...
    quanjj閱讀 928評論 0 2
  • 接著上篇的《 利用Node.js搭建前端自動化平臺 》我們開始搭建自己的前端工作流吧!要啟動一個項目,最先要做什么...
    Max_Law閱讀 3,301評論 0 7
  • 每個人都有一條傷疤,只是隱藏的太深了。實不相瞞,我是未成年。或許就是經(jīng)歷的事太多了,所以懂的,自然也就多了吧。 有...
    葬雪沫兒閱讀 284評論 0 0
  • 讀書,是門檻最低的高貴舉動
    燦爛陽光1閱讀 200評論 0 3

友情鏈接更多精彩內(nèi)容