安装yeoman

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的官方网站:[url]http://yeoman.io/[/url]
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值