4.1 创建应用

本节将创建“用户管理”应用的外壳。

4.1.1 新建“用户管理”应用

（1）与创建hello-world应用类似，使用Angular CLI 命令行工具创建一个名为“user-management”的“用户管理”应用。

（2）执行以下命令来启动应用。

（3）应用自动在浏览器中打开。访问应用的地址为http：//localhost：4200/。效果如图4-2所示。

4.1.2 了解Angular组件

组件是Angular应用中的基本构造块。它们在屏幕上显示数据，监听用户输入，并根据输入执行相应的动作。

图4-2所示的这个页面就是应用的外壳。这个外壳被Angular的AppComponent组件控制。

AppComponent 组件主要有3个实现文件。

● app.component.ts：组件的类代码，是用TypeScript编写的。

● app.component.html：组件的模板，是用HTML编写的。

● app.component.css：组件的私有CSS样式。 oS3XNC2AKeToSnHQEJRpddc1fm1sILJtGtug9jEdyowzjKWpg1sLgPoQ5VLalSzz