使用Yeoman搭建 AngularJS 应用 (1) —— 介绍
原文地址: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) —— 介绍的更多相关文章
- 使用Yeoman搭建 AngularJS 应用 (2) —— 让我们搭建一个网页应用
原文地址:http://yeoman.io/codelab/index.html 使用Yeoman搭建简单的应用 今天将会搭建一个简单的网页程序.你将可以添加,删除,拖拽和保存. 浏览Yeoman Y ...
- 使用Yeoman搭建 AngularJS 应用 (12) —— 让我们搭建一个网页应用
原文地址:http://yeoman.io/codelab/local-storage.html 安装Bower程序包 我们使用另一个Angular模块,"angular-local-sto ...
- 使用Yeoman搭建 AngularJS 应用 (5) —— 让我们搭建一个网页应用
原文地址:http://yeoman.io/codelab/scaffold-app.html 基架 (Scaffolding) 在Yeoman中的意思是为基于你特殊的配置需求,为网站程序生成文件的工 ...
- 使用Yeoman搭建 AngularJS 应用 (4) —— 让我们搭建一个网页应用
在开发一个的网页传统工作流程中,你需要大量的时间去设置引用文件,下载依赖文件,并且手动的创建网页文件结构.Yeoman生成器将会帮助你完成这些.让我们安装一个AngularJS项目的生成器. 安装An ...
- 使用Yeoman搭建 AngularJS 应用 (11) —— 让我们搭建一个网页应用
原文地址:http://yeoman.io/codelab/prepare-production.html 让我们发布这个应用 优化产品的文件 为了创建应用的产品版本,我们想做如下的事情 检查你的代码 ...
- 使用Yeoman搭建 AngularJS 应用 (10) —— 让我们搭建一个网页应用
原文地址:http://yeoman.io/codelab/write-unit-tests.html 对于不熟悉的Karma的人来说,这是JavaScript测试框架,这个Angular的生成器包含 ...
- 使用Yeoman搭建 AngularJS 应用 (9) —— 让我们搭建一个网页应用
原文地址:http://yeoman.io/codelab/install-packages.html 列出当前程序包 我们现在查看一下我们已经安装的程序包,输入下面的命令 bower list 查找 ...
- 使用Yeoman搭建 AngularJS 应用 (8) —— 让我们搭建一个网页应用
原文地址:http://yeoman.io/codelab/write-app.html 创建一个新的模板来显示一个todo的列表 打开views/main.html 为了从一个干净的模板开始,删除m ...
- 使用Yeoman搭建 AngularJS 应用 (7) —— 让我们搭建一个网页应用
原文地址:http://yeoman.io/codelab/preview-inbrowser.html 开启你的服务 运行Grunt任务,通过输入下面的命令来创建一个本地Node的http服务,地址 ...
随机推荐
- URL格式编码与解码
char* urlencode(const void* buf, size_t size) { _assert_(buf && size <= MEMMAXSIZ); const ...
- swift项目中嵌入oc
参考资料 需要注意的是 与oc包含swift不同的是 swift包含oc需要在桥接文件中包含要使用的oc的头文件 demo:swiftPlayOc(提取码:37c6)
- C语言结构体的强制类型转换
陈浩师兄03年的一篇博客<用C写有面向对象特点的程序>描述了用C语言来实现类似C++类继承的方法,这样方法的核心要点就是结构体的强制类型转换,让我来简单分析分析C语言中的结构体强制类型转换 ...
- MSP430电平转换
说道到这个电平转换,写程序的时候居然还要示波器来观察现象,表示我们交的是211的学费,上的却不是211大学,创新实验室的仪器设备真的是少的可怜啊,我级不吐槽了说说这个电平转换的一些知识还有看法吧.. ...
- gradle与maven项目相互转化
gradle这几年发展迅猛,github越来越多的项目都开始采用gradle来构建了,但是并不是所有人都对gradle很熟悉,下面的方法可以把gradle转成maven项目,前提gradle项目目录结 ...
- PHP的几个特殊符号意义
有些特殊符号需要特殊记忆,希望对你的编程有帮助! 方法/步骤 1 $ 这个符号的意思是:变量 2 & 这个符号的意思是:变量的地址(加在变量前) 3 @ 这个符号的意思是:不显示错误信息(加在 ...
- 【MINA】粘包断包处理
1.先解释下什么叫粘包和断包 粘包 就是数据以字节的形式在网络中传输,一个数据包的字节可能经过多次的读取粘合才能形成一个完整的数据包 断包 一次读取的内容可能包含了两个或多个数据包的内容,那么我们必须 ...
- 4 WPF学习---系统的学习XAML语法
转载:http://blog.csdn.net/fwj380891124/article/details/8093001 1,XAML文档的树形结构: UI在用户眼里面是个平面结构.如下图所示,在用户 ...
- viewpager双层嵌套,子viewpager无限循环无法手动滑动
项目中首页是用viewpager+fragment集成的,第一个fragment有广告轮播图使用viewpager实现的,开始就遇到是广告图无法手动滑动,事件被外层的viewpager拦截响应切换到下 ...
- System.Data.SqlClient.SqlError: 对文件……的目录查找失败[转]
System.Data.SqlClient.SqlError: 对文件……的目录查找失败,出现操作系统错误 3 的处理办法 在还原SQL SERVER数据库时出现了查找目录失败的原因,困扰了我一个多小 ...