链接地址: Yeoman:强大的web构建工具 http://hao.jobbole.com/yeoman/ Yeoman官方教程:用Yeoman和AngularJS做Web应用 http://blog.jobbole.com/65399/…

原文地址:http://yeoman.io/codelab/local-storage.html 安装Bower程序包 我们使用另一个Angular模块,"angular-local-storage" 然后让我们快速的搭建一个本地存储.这次,轮到Bower来大显神通. 运行下面的命令 bower install --save angular-local-storage 添加本地存储 就像我们添加的jQuery和AngularUI Sortable那样,我们需要添加angular-loc…

原文地址:http://yeoman.io/codelab/scaffold-app.html 基架 (Scaffolding) 在Yeoman中的意思是为基于你特殊的配置需求,为网站程序生成文件的工具.在以下的步骤中,你将看到Yeoman如何生成一个Angular的应用程序. 创建一个项目文件夹 创建一个mytodo 文件夹 mkdir mytodo && cd mytodo 这个文件夹将会存储你的基架项目文件 通过Yeoman使用生成器 再次运行yo来检查你的生成器 yo 如果你已经安…

在开发一个的网页传统工作流程中,你需要大量的时间去设置引用文件,下载依赖文件,并且手动的创建网页文件结构.Yeoman生成器将会帮助你完成这些.让我们安装一个AngularJS项目的生成器. 安装AngularJS生成器 你可以使用npm命令安装Yeoman生成器,这里有1000多个生成器可以使用,许多生成器是开源社区写的 使用下面的命令安装 generator-angular 和 generator-karma npm generator-karma 这个命令会安装生成器.后面的@0.11.1…

原文地址:http://yeoman.io/learning/ Yeoman 是一个通用的可以创建多种应用的基架系统.它帮助用户快速搭建新的项目,并且可以简化已存在项目的维护过程. Yeoman是不限制语言的,它可以生成任何语言编写的项目(Web, Java, Python, C#, 等等). Yeoman自己不会做任何决策.每个决策都是Yeoman环境中的生成器 (generators) 做出的.这里有一个生成器的列表http://yeoman.io/generators/,用户也可以很简单的…

转至https://yq.aliyun.com/articles/25578 Yeoman 介绍 Yeoman 是 Google 的团队和外部贡献者团队合作开发的,他的目标是通过 Grunt(一个用于开发任务自动化的命令行工具)和 Bower(一个HTML.CSS.Javascript 和图片等前端资源的包管理器)的包装为开发者创建一个易用的工作流. Yeoman 的目的不仅是要为新项目建立工作流,同时还是为了解决前端开发所面临的诸多严重问题,例如零散的依赖关系. Yeoman 主要有三部分组成…

原文地址:http://yeoman.io/codelab/prepare-production.html 让我们发布这个应用 优化产品的文件 为了创建应用的产品版本,我们想做如下的事情 检查你的代码 运行我们的测试 最小化我们的script代码来节省网络请求 优化图片 编译输出到我们使用的处理器 更简化我们的程序 我们能使用下面的命令来执行以上的事情 grunt 这个命令将运行Grunt任务和配置,Yeoman已经为你完成了Gruntfile.js并且创建了版本控制.花一点时间你就可以完成发布…

原文地址:http://yeoman.io/codelab/write-unit-tests.html 对于不熟悉的Karma的人来说,这是JavaScript测试框架,这个Angular的生成器包含了两个测试框架: ngSenario和Jasmine,当我们之前运行yo angular创建了一个karma.conf.js文件.并且获取Karma的Node模块.我们将编辑一个Jasmine来测试我们的项目. 运行单元测试 让我们回到命令行,使用Ctrl + C来关闭Grunt服务.这已经存在于G…

原文地址:http://yeoman.io/codelab/install-packages.html 列出当前程序包 我们现在查看一下我们已经安装的程序包,输入下面的命令 bower list 查找程序包 为了核实AngularUI程序包是有效的,使用Bower来查找 "angular-ui-sortable" bower search angular-ui-sortable 这个是一个 "angular-ui-sortable" 的结果,所以让我们安装JQuer…

原文地址:http://yeoman.io/codelab/write-app.html 创建一个新的模板来显示一个todo的列表 打开views/main.html 为了从一个干净的模板开始,删除main.html中div中所有的元素 ,并且把class属性“jumbotron”改成"container". 现在main.html现在如下图所示 <div class="container"> </div> 打开scritps/control…