1.什么是yoeman
Yeoman不仅仅是一个工具,它还是一个工作流,一个让web开发和谐甚至变得更好的工具和最佳实践的集合。它的主要用途是提高在构建web应用时的生产力和舒适度,由三种核心工具构成:yo(脚手架工具),bower(包管理工具),grunt(构建工具)。其作用分别如下:
Yo —— 搭建新应用的脚手架,编写你的Grunt配置并且安装你有可能在构建中需要的相关的Grunt任务。
Grunt —— 被用来构建,预览以及测试你的项目,感谢来自那些由Yeoman团队和grunt-contrib所管理的任务的帮助。
Bower —— 被用来进行依赖管理,所以你不再需要手动的下载和管理你的脚本了。
2.怎样安装yeoman
1)安装yo,前提是已经安装了npm和node.js
$ npm install -g yo //“-g”也可以写成“--global”,意思是将这个包安装在npm的全局文件夹中而非当前路径的文件夹。
2)如果你的npm版本高于1.2.10,上一条指令已经自动安装好了Grunt和Bower。如果用的是老版本,则需要手动安装:
npm install -g grunt-cli bower
如果你以前安装了全局的grunt,你需要首先卸载grunt
sudo npm uninstall -g grunt
然后再执行上一条指令,安装Grunt和Bower。
3)在创建一个脚手架的web应用程序时,你需要安装web应用的生成器
$ npm install --global generator-webapp
4)生成器安装好以后,就需要为你的工程创建目录
$ mkdir my-yo-project
$ cd my-yo-project
5)运行:
yo webapp
,下载工程模板
webapp是yo自带的工程模版,带有:html5 Boilerplate、jquery、Modernizr、Bootstrap、RequireJS等框架
如果报权限问题,就要切换到root用户下,或者提高用户的权限
6)yo还提供一些框架发生器,可用于脚手架的一个项目和横向视图,模型,控制器等
例如:脚手架出一个 AngularJS app(这是我们本次项目需要用的项目用例)
与往常一样,采用了新的生成器之前,必须从npm里安装
npm install -g generator-angular
在此之后,在你创建的应用程序的目录里运行:
yo angular //使用 Yeoman 创建一个 AngularJS 项目
可运行
grunt serve //开启 Grunt 的内置服务器
在浏览器上查看你工程的运行效果。
可能遇到的问题:如果你的npm版本高于1.2.10,可能也会出现bower为安装的问题,需要重新安装bower
可参考yeoman的官方网站:
http://yeoman.io/