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就可以看到你的应用了。

原文地址:https://www.cnblogs.com/ayseeing/p/4419545.html