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

时间:2022-08-16 23:35:59

原文地址:http://yeoman.io/codelab/scaffold-app.html

基架 (Scaffolding) 在Yeoman中的意思是为基于你特殊的配置需求,为网站程序生成文件的工具。在以下的步骤中,你将看到Yeoman如何生成一个Angular的应用程序。

创建一个项目文件夹

创建一个mytodo 文件夹

mkdir mytodo && cd mytodo

这个文件夹将会存储你的基架项目文件

通过Yeoman使用生成器

再次运行yo来检查你的生成器

yo

如果你已经安装了一些生成器,你可以选择这些生成器安装。

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

直接使用生成器

如果你比较熟悉yo,你可以直接使用yo来安装angular生成器

yo angular

配置你的生成器

一些生成器也提供可选项,让用户来选择需要的开发环境。

AngularJS生成器可以选择Sass (Compass) 并且包含 (Twitter Bootstrap)。对于这个项目,我们不会使用Sass,但是会使用Bootstrap。

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

之后,你可以选择所需要的Angular的模块

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

Angular模块是独立的拥有很多有用函数的JavaScript文件,比如ngResource模块 (angular-resource.js) 提供 可交互性的RESTful服务。

你可以使用空格键,不选择或者选择这些选项。

让我们使用默认选项,按下回车键。

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

Yeoman将自动的安装基架,获取依赖文件,并且为你的工作流程获取一些有用的Grunt工作。几分钟后,你可以看下一章。

错误

如果看到conflict package.json,这是一个临时的错误,按y之后回车继续。

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

PS: 这一步骤有点麻烦,因为在中国,大家可能下载一些文件会失败。大家有两个方法解决

1. 使用代理

2. 请大家从终端输出检查哪些文件没有下载下来。到网上手动下载这些文件,然后放在终端显示的相应文件夹里。