创建新项目

在本节中，我们将要完成的项目是一个电子邮件表单。这次我们会使用一个更简单的示例，因为模板表单的相关知识并不多。实际上，你已经对模板表单的一些概念有所了解。接下来的课程中我会向你展示具体细节。

如果你在本地运行代码，请执行以下命令：

1ng new email-form

在设置过程中，CLI 会提示你配置项目。默认设置即可，我们不需要为这个项目配置路由。

安装 Bootstrap

项目创建完成后，进入新生成的目录，并安装 Bootstrap。我们将使用它来提供样式支持。可以运行以下命令来安装 Bootstrap：

1npm i bootstrap

我们需要更新 styles.css 文件，以导入 Bootstrap 样式：

1@import "bootstrap/dist/css/bootstrap.css";

创建新的表单

我们将快速创建本项目中要使用的表单。打开 app.component.html 文件，将默认内容替换为以下代码：

我们将创建一个基础表单，包含一个用于输入电子邮件的输入框。目前表单中还没有绑定或事件处理器，这些内容将在后续课程中添加。