yeoman开始项目

使用 yeoman 构建项目之前，你需要安装这两个环境：node,ruby。

为什么需要使用node？因为我们需要使用grunt自动化工具，而grunt工具则是依赖node。

为什么需要使用ruby？我开发项目很可能需要用到sass或者compass等，而这两个工具则是依赖ruby。

 

yeoman依赖工具：bower，grunt

在使用 yeoman 前，我们需要确保 bower 和 grunt 已经安装好了。

另需要注意，不同版本的 yeoman 依赖的 node，npm的版本需求也是不一样的。

现在，准备工作都好了，我们开始我们的项目：

1、安装 yeoman 

$ npm install -g yo

　　如果你是 mac 用户，则需要使用 sudo（超级用户权限）运行该命令 。

 

2、查看需要的工具是否都安装好了

$ yo --version && bower --version && grunt --version

　　运行该命令我们会看到如下四条输出：

1.4.6
1.4.1
grunt-cli v0.1.13
grunt v0.4.5

　　分别输出他们版本。

 

3、安装生成器

$ npm install -g generator-angular

　　这里我们创建一个基于angularjs的生成器。也可以安装某一个版本的生成器：

$ npm install -g generator-angular@0.7.1

 

4、使用生成器搭建应用

$ yo angular

　　接着，generator-angular会询问你需不需要使用Sass和/或者Bootstrap，使用’n'和’y'进行选择。

然后你需要选择你需要使用的Angular模块。Angular模块是一些带有特定功能的独立的JS文件。举个例子，ngResource模块（angular-resource.js）提供了RESTful服务。你可以使用空格键来取消项目。

 

5、运行项目

$ grunt serve

　　运行命令后本地会启动一个基于Node的http服务。通过浏览器访问http://localhost:9000就可以看到你的应用了。