yeoman开始项目

使用 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就能够看到你的应用了。

相关文章
相关标签/搜索