Yeoman致力于提高你在构建web应用时的生产力和舒适度 由三种核心工具构成:
- Yo 脚手架工具。编写你的Grunt配置并且安装你有可能在构建中需要的相关的Grunt任务。
- Grunt 构建工具。预览以及测试你的项目,感谢来自那些由Yeoman团队和grunt-contrib所管理的任务的帮助。
- Bower 包管理工具。所以你不再需要手动的下载和管理你的脚本了。
安装yo以及一些生成器
需要用Npm安装
sudo npm install -g yo
如果npm版本大于1.2.10 会自动安装grunt和bower,如果没有是小于1.2.10版本的话,需要手动安装
npm install -g grunt-cli bower
如果之前全局安装过Grunt
的话,需要先删除
npm uninstall -g grunt
Windows下建议使用Console
或者PowerShell
。
基本的脚手架
安装generator-webapp
npm install -g generator-webapp
这个生成器里面包含了HTML5 Boilerplate
,jQuery
,Modernizr
,以及Bootstrap
。
创建一个目录
mkdir project
cd project
生成开发环境
yo webapp
yeoman webapp分析
默认安装的JS库有jQuery
默认的CSS前端库是Bootstrap
包管理用的是bower
测试用的是Karma
Execution Time (2014-05-12 09:22:14 UTC) jshint:all 88ms ▇▇▇ 1%
concurrent:test 1.1s ▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇ 18%
autoprefixer:dist 62ms ▇▇ 1%
mocha:all 1.5s ▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇ 26%
concurrent:dist 1.3s ▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇ 21%
cssmin:generated 69ms ▇▇ 1%
uglify:generated 1.6s ▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇ 28%
Total 6s
或许您还需要下面的文章: