如何利用自动化工具构建一个完整的webapp项目

Yeoman

当你需要构建一个webapp项目时，为了更好的管理项目，Yeoman是一个不错的选择。有一下工具你可能需要提前安装：

• yo - Yeoman用来自动初始化项目的工具.----create a new web app
• 你还需要一个包管理器，例如bower和npm.----handle dependencies
• 当然，我们还需要build项目，如Grunt和Gulp.----preview,test and buid

安装yo

$ npm install -g yo bower grunt-cli gulp

$ npm install -g yo bower grunt-cli gulp

为了生成web app，我们还需要一个web generator

$ npm install -g generator-webapp

这个generator将会包括HTML5 , jQuery, Modernizr, and Bootstrap等重要依赖，同时它将使用Grunt来build项目.

接下来就会让我们新初始化一个项目吧

$ mkdir my-yo-project
$ cd my-yo-project
$ yo webapp

这样你一个新的web项目就建立成功了。

启动项目

由于build时用到了Grunt，所以利用Grunt可以启动项目，若不加任何参数则默认会执行项目所有task，包括测试。若想启动项目，则执行

$ Grunt serve