Page 469 - AngularJS权威教程

34.7 Yeoman 449

安装Yeoman时会自动安装Grunt和Bower。 19
接下来，为了使用Yeoman，还需要安装生成器（Yeoman本身不带生成器）。

我们来安装Angular生成器： 20

$ npm install -g generator-angular
21

要搜索社区中所有可用的生成器，可以参考http://yeoman.io/communitygenerators.
html界面。 22

34.7.2 用法 23

使用Yeoman工作流也很容易。首先最重要的是，要创建一个可以进行工作的目录。Yeoman
并不会为我们创建工作目录；相反，它会假定我们正在使用的目录就是存放应用的目录。 24
$ mkdir myapp && cd $_
25
我们将会在这个目录内运行生成器架构项目。在这个例子中，我们使用generator-angular
这个Angular生成器，如图34-3所示。
26
$ yo angular

27

28

29

30

31
图34-3 Yeoman安装

Yeoman会问一些问题，然后创建应用程序。在这些步骤中，它会调用npm install和bower 32
install确保所有的依赖已经存在，这样便可以立即进行开发。

我们将使用grunt命令开始我们的开发过程。 33

$ grunt server
34
grunt server命令会启动一个本地服务器在本地为应用提供服务。当我们在工作空间中保存
①
文件时它会使用livereload 自动重载浏览器。
35
它为我们构建的这个目录有一个坚实的结构，用于部署容易扩展的Angular应用，如图34-4所示。
—————————— 36
① http://livereload.com/