前端工程构建工具——Yeoman

Yeoman 1.0 包含以下三套工具,分別說明如下:

  • yo - the scaffolding tool from Yeoman ( 用來自動產生 網站骨架 或 程式碼 的工具 )
  • bower - the package management tool ( 用來管理特定網站下所使用的各式 前端套件 ,如: jQuery )
  • grunt - the build tool ( 用來執行一些網站的 自動化工作 ,例如單元測試、最小化、執行批次命令 )

安装:

1、安装 NodeJS
2、安装 Ruby
3、 安装 Compass
http://rubygems.org/gems/compass
sudo gem update --system
sudo gem install compass
 
安装 Yeoman
npm install -g yo grunt-cli bower

  其中 -g 代表要把 yo , grunt-cli , bower 這三個套件安裝到全域 (global)

 

安裝 yo 相關的 程式碼產生器 (generator) 套件
yo
选择 Install a generator
输入 web
选择“generator-webapp”

注:上面的过程,也可以直接用命令

npm install -g generator-webapp
npm install -g generator-backbone
npm install -g generator-angular

https://github.com/yeoman/generator-angular
 

Yeoman工具包yo – 快速构建一个web项目

 

创建demo目录,并构建webapp工程

进入demo 命令yo webapp

 

yeoman-example:

 

参考:http://www.iinterest.net/2013/05/04/f2e-tool-yeoman/

posted @ 2015-09-15 11:16  子.鱼  阅读(216)  评论(0编辑  收藏  举报