Angular 7 项目设置（创建第一个应用）

以下是创建第一个 Angular 应用的 Angular CLI 命令。

运行以下命令来创建你的第一个 Angular 应用。

导航到你的第一个应用。

启动你的服务器来运行应用。

你的服务器正在 localhost:4200 上运行。现在，去浏览器打开它。

现在，你需要一个 IDE 来编辑和运行你的应用代码。这里，我们使用 WebStorm。

打开 WebStorm 并在 IDE 中打开你的应用 "my-first-app"。它看起来像这样

这里，进入 src 文件夹，你会看到 app 文件夹。展开 app 文件夹。

你会看到 5 个组件在那里

• app.component.css
• app.component.html
• app.component.spec.ts
• app.component.ts
• app.module.ts

你可以查看不同组件中的代码来理解发生了什么，以及哪个部分负责应用的外观。

app.component.css

这一部分是空的，因为我们在这里没有指定任何 CSS。

app.component.html

这是最重要的组件，你应用的前页。在这里，你可以更改你的应用名称前使用的称谓。你也可以更改首页上的内容及其相应的链接。

代码

app.component.spec.ts

此文件仅用于测试目的。

app.component.ts

你可以在这里更改你的应用名称。你只需要更改标题。

app.module.ts