前端框架构建工具Yeoman

本文介绍了如何使用Yeoman进行前端项目的快速构建与优化,并详细解释了安装配置流程及常用命令。通过Yeoman,可以轻松搭建Angular项目模板,提高开发效率。

        今天学习了Yeoman真的很好很强大,是一个非常出色的前端框架,对于前端项目的构建优化,团队管理很有帮助。 其他的不多说了,直接说应用过程

一、介绍yo  npm 那几个东西

二、Yeoman的使用

1、首先检查是否安装了node.js的环境,如果没有去网上下载然后安装

2、安装yeoman需要用到npm,安装 yo、grunt-cli、bower

npm install -g yo grunt-cli bower

3、输入yo然后按照提示可以构建模板。(安装工程模板。使用npm安装generator-angular,会自动把yeoman的3个工具装上,最好是安装Angular-require generator这个两个js结合的模板,因为解决了依赖关系所以更快。)

npm install -g generator-angular等

4、跳转到相应的文件夹下然后启动服务器。(在文件加下按Shift+右键)

grunt server

5、编写bat文件启动服务

@echo off

@echo 检查bower依赖中...
@call bower install
@echo bower依赖安装完毕!

@echo 检查npm依赖中...
@call npm install
@echo npm依赖安装完毕!

@echo grunt server启动中...
@call grunt serve --force
@pause

6、回归测试

grunt test


三、常用的那几个命令


四、一些好文章的连接

1、RIA之家

http://www.36ria.com/category/f2e/page/2

http://www.36ria.com/6144

http://www.36ria.com/6156


2、 AngularJS:何时应该使用Directive、Controller、Service

http://my.oschina.net/gejiawen0913/blog/175086




不断完善,敬请期待!


转载于:https://my.oschina.net/u/1416844/blog/196199

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值