原文地址: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/codelab/index.html 使用Yeoman搭建简单的应用 今天将会搭建一个简单的网页程序.你将可以添加,删除,拖拽和保存. 浏览Yeoman Yeoman 是一个戴帽子并且穿套袖的男人 用一到两个命令,Yeoman可以为你的全部网页程序,或者单个模块编写样板代码.Yeoman可以生成一个预览的网站服务器并且监视你的文件,为了重新载入变化的和编译Sass.Yeoman也能运行你的单元测试,最小化并且连结你的代码,优化图片以及更多的功能. yo…

原文地址: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…

原文地址:http://yeoman.io/codelab/preview-inbrowser.html 开启你的服务 运行Grunt任务,通过输入下面的命令来创建一个本地Node的http服务,地址是localhost:9000 (或者127.0.0.1:9000) grunt serve 你的网页浏览器将在一个新的页面中运行一个基架应用程序 停止服务 如果需要停止服务,那就按下Ctrl+C按键组合就可以了 浏览一下你的文件 打开你最喜欢的文本编辑器,开始做一些更改.每次文本的更改将促使浏览器…

原文地址:http://yeoman.io/codelab/review-generated-files.html 打开mytodo文件夹,你会看到现在的基架.如下图所示 在mytodo文件夹,我们能看到 app: 应用程序的父文件夹 index.html: angular应用程序的基础html文件 404.html, favicon.ico和robots.txt: 通用网页文件 scripts: 你自己的JS文件 app.js: 我们主要的Angular应用代码 controllers: 我们…