使用 yeoman 构建项目以前,你须要安装这两个环境:node,ruby。node
为何须要使用node?由于咱们须要使用grunt自动化工具,而grunt工具则是依赖node。angularjs
为何须要使用ruby?我开发项目极可能须要用到sass或者compass等,而这两个工具则是依赖ruby。npm
yeoman依赖工具:bower,gruntbootstrap
在使用 yeoman 前,咱们须要确保 bower 和 grunt 已经安装好了。浏览器
另须要注意,不一样版本的 yeoman 依赖的 node,npm的版本需求也是不同的。sass
如今,准备工做都好了,咱们开始咱们的项目:ruby
一、安装 yeoman grunt
$ npm install -g yo
若是你是 mac 用户,则须要使用 sudo(超级用户权限)运行该命令 。工具
二、查看须要的工具是否都安装好了spa
$ yo --version && bower --version && grunt --version
运行该命令咱们会看到以下四条输出:
1.4.6 1.4.1 grunt-cli v0.1.13 grunt v0.4.5
分别输出他们版本。
三、安装生成器
$ npm install -g generator-angular
这里咱们建立一个基于angularjs的生成器。也能够安装某一个版本的生成器:
$ npm install -g generator-angular@0.7.1
四、使用生成器搭建应用
$ yo angular
接着,generator-angular会询问你需不须要使用Sass和/或者Bootstrap,使用’n'和’y'进行选择。
而后你须要选择你须要使用的Angular模块。Angular模块是一些带有特定功能的独立的JS文件。举个例子,ngResource模块(angular-resource.js)提供了RESTful服务。你可使用空格键来取消项目。
五、运行项目
$ grunt serve
运行命令后本地会启动一个基于Node的http服务。经过浏览器访问http://localhost:9000就能够看到你的应用了。