原文地址:http://yeoman.io/learning/

Yeoman 是一个通用的可以创建多种应用的基架系统。它帮助用户快速搭建新的项目,并且可以简化已存在项目的维护过程。

Yeoman是不限制语言的,它可以生成任何语言编写的项目(Web, Java, Python, C#, 等等)。

Yeoman自己不会做任何决策。每个决策都是Yeoman环境中的生成器 (generators) 做出的。这里有一个生成器的列表http://yeoman.io/generators/,用户也可以很简单的创建符合任何工作流的生成器http://yeoman.io/authoring/。Yeoman会为根据基架的需求提供正确的选择。

这里有一些通用的实例:

  • 迅速的创建一个新的项目
  • 创建项目中新的部分,比如一个新的单元测试控制器 (controller)
  • 创建模块或者程序包
  • 引导新的服务
  • 强制执行标准,最佳实践和风格指南
  • 优化新的项目,让用户创建一个简单的应用
  • 等等

入门指南

yo 是 Yeoman 命令行公用程序,允许利用基架模板创建项目 (被称为生成器),Yo和生成器的安装使用npm。

安装yo和一些生成器

第一件事是使用 npm 来安装 yo:

npm install -g yo

然后安装需要的生成器。生成器的 npm 程序包命名规则是 generator-XYZ。在http://yeoman.io/generators/可以查看生成器的种类,或者使用 yo运行 “install a generator” 菜单选项。安装webapp生成器:

npm install -g generator-webapp

新的Node和npm用户可能会陷入权限问题。这个问题会在安装时以EACCESS形式的错误显示出来。如果你碰到了这个问题,请参考https://docs.npmjs.com/getting-started/fixing-npm-permissions

npm是Node.js程序包的管理器。

在Windows,我们建议使用一个更好的命令行工具,比如cmder或者PowerShell来提高用户体验。

基本的基架

我们将在下面的例子使用 generator-webapp,替代 webapp 来命名你的生成器。

用基架构建一个项目,运行:

yo webapp

大多数生成器会询问一系列的问题来自定义新的项目。运行 help 来看看那些选项可以设置。

yo webapp --help

大多数生成器依赖于构建系统 (像 Grunt 或者 Gulp) 和程序包管理器 (比如 npm 和 Bower)。访问生成器的网址,来学习有关运行和维护新的应用的知识。通过命令来简单的访问一个生成器的网页。

npm home generator-webapp

生成器的基架可能会提供额外的生成器来管理项目的更小的部分。这些生成器常常被称为附属生成器(sub-generators),并且使用 generator:sub-generator来存取。

使用 generator-angular 作为例子。一旦这个 angular 应用已经生成了,其他的特点也能被添加。可以使用下面的命令来添加新的控制器。

yo angular:controller MyNewController

其他yo命令

除了之前的段落,yo也是一个完全的交互工具。简单的在终端输入yo将会提供选项的列表,来管理有关的生成器:运行,更新,安装,帮助和其他实用程序。

yo也提供以下命令。

  • 获取全部的辅助屏幕
yo --help
  • 列出已经安装的生成器
yo --generators
  • 获取版本
yo --version

异常处理

运行下面的命令可以看到大多数的问题

yo doctor

doctor 命令将会诊断问题并且提供解决问题的步骤

下一章会介绍如何使用Yeoman创建一个AngularJS的项目

使用Yeoman搭建 AngularJS 应用 (1) —— 介绍的更多相关文章

  1. 使用Yeoman搭建 AngularJS 应用 (2) —— 让我们搭建一个网页应用

    原文地址:http://yeoman.io/codelab/index.html 使用Yeoman搭建简单的应用 今天将会搭建一个简单的网页程序.你将可以添加,删除,拖拽和保存. 浏览Yeoman Y ...

  2. 使用Yeoman搭建 AngularJS 应用 (12) —— 让我们搭建一个网页应用

    原文地址:http://yeoman.io/codelab/local-storage.html 安装Bower程序包 我们使用另一个Angular模块,"angular-local-sto ...

  3. 使用Yeoman搭建 AngularJS 应用 (5) —— 让我们搭建一个网页应用

    原文地址:http://yeoman.io/codelab/scaffold-app.html 基架 (Scaffolding) 在Yeoman中的意思是为基于你特殊的配置需求,为网站程序生成文件的工 ...

  4. 使用Yeoman搭建 AngularJS 应用 (4) —— 让我们搭建一个网页应用

    在开发一个的网页传统工作流程中,你需要大量的时间去设置引用文件,下载依赖文件,并且手动的创建网页文件结构.Yeoman生成器将会帮助你完成这些.让我们安装一个AngularJS项目的生成器. 安装An ...

  5. 使用Yeoman搭建 AngularJS 应用 (11) —— 让我们搭建一个网页应用

    原文地址:http://yeoman.io/codelab/prepare-production.html 让我们发布这个应用 优化产品的文件 为了创建应用的产品版本,我们想做如下的事情 检查你的代码 ...

  6. 使用Yeoman搭建 AngularJS 应用 (10) —— 让我们搭建一个网页应用

    原文地址:http://yeoman.io/codelab/write-unit-tests.html 对于不熟悉的Karma的人来说,这是JavaScript测试框架,这个Angular的生成器包含 ...

  7. 使用Yeoman搭建 AngularJS 应用 (9) —— 让我们搭建一个网页应用

    原文地址:http://yeoman.io/codelab/install-packages.html 列出当前程序包 我们现在查看一下我们已经安装的程序包,输入下面的命令 bower list 查找 ...

  8. 使用Yeoman搭建 AngularJS 应用 (8) —— 让我们搭建一个网页应用

    原文地址:http://yeoman.io/codelab/write-app.html 创建一个新的模板来显示一个todo的列表 打开views/main.html 为了从一个干净的模板开始,删除m ...

  9. 使用Yeoman搭建 AngularJS 应用 (7) —— 让我们搭建一个网页应用

    原文地址:http://yeoman.io/codelab/preview-inbrowser.html 开启你的服务 运行Grunt任务,通过输入下面的命令来创建一个本地Node的http服务,地址 ...

随机推荐

  1. 深入理解计算机系统第二版习题解答CSAPP 2.13

    从20世纪70年代末到80年代末,Digital Equipment的VAX计算机是一种非常流行的机型.它没有布尔运算AND和OR指令,只有bis(位设置)和bic(位清除)这两种指令.两种指令的输入 ...

  2. /lib /usr/lib /usr/local/lib 区别

    简单说,/lib是内核级的,/usr/lib是系统级的,/usr/local/lib是用户级的. /lib/ — 包含许多被 /bin/ 和 /sbin/ 中的程序使用的库文件.目录 /usr/lib ...

  3. 关于Socket通讯原理

    通常也称作"套接字",用于描述IP地址和端口,是一个通信链的句柄. 在Internet上的主机一般运行了多个服务软件,同时提供几种服务. 每种服务都打开一个Socket,并绑定到一 ...

  4. 【区间选点问题】uva 10148 - Advertisement

    区间选点问题,即数轴上有n个闭区间[l1i, ri],取尽量少的点,使得每个区间内都至少有一个点. The Department of Recreation has decided that it m ...

  5. job interview

    一 , 7series clock 二, SDRAM comtroller (DDR) 4.熟悉DDR2/3协议或Ethernet相关协议,并有实际项目经验者优先: 三,AXI bus(AMBA) 四 ...

  6. NetBeans自定义代码折叠块,类似vs中的#region

    //<editor-fold defaultstate="collapsed" desc="测试代码折叠"> echo '<script ty ...

  7. asp实现关键词不区分大小写搜索并高亮显示

    用ASP做搜索很容易,但要实现智能搜索这类就比较累一点,其实任何程序都差不多,主要还是看数据库的处理能力,一般小网站ASP经常跟ACCESS数据库搭配,在这种配置下我们要实现关键词不区分大小写搜索并高 ...

  8. SQL Server(基本) 关键字的使用 一

    一, 基础关键字 -- 使用介绍 1,select 的使用(select 结果集) SELECT 列名称 FROM 表名称 以及: (*)是选取所有列的快捷方式. SELECT * FROM 表名称 ...

  9. HW--漂亮度2(测试通过)

    总结:几个函数的使用 (1)  int num=Integer.parseInt(str[0]); //将第一个字符串转成整形数,表示名字个数 (2) String string1=str[i].to ...

  10. jquery load

    $('#loadFooter').click(function() { $('#footer').load('footer.html'); });