Angular 是一款强大的前端框架，可以帮助开发者构建现代化的 Web 应用程序。在本教程中，我们将一步步地创建你的第一个 Angular 应用程序，并介绍 Angular 的一些基础概念。
准备工作
在开始之前，确保你已经安装好 Node.js 和 npm（Node.js 的包管理器）。你可以在官方网站上下载并安装它们。
安装 Angular CLI
Angular CLI 是一个命令行工具，可以帮助我们快速生成 Angular 项目的骨架代码。在终端中运行以下命令来安装 Angular CLI：
npm install -g @angular/cli
这将会全局安装 Angular CLI 到你的计算机中。
创建新的 Angular 项目
在命令行中导航到你希望创建项目的目录，并执行以下命令：
ng new my-app
这会使用 Angular CLI 创建一个名为 my-app 的新项目。这个过程可能需要一些时间，因为它会自动下载和安装项目的依赖。
运行应用程序
项目创建完成后，使用以下命令进入项目目录：
cd my-app
然后，在终端中运行以下命令来启动开发服务器：
ng serve --open
这会启动开发服务器并在浏览器中打开你的应用程序。每当你修改保存文件时，开发服务器将会自动重新构建你的应用程序并刷新浏览器。
修改应用程序
现在我们来修改应用程序的一些文件，让它显示一条简单的消息。
首先，打开 src/app/app.component.html 文件，并将其中的内容替换为以下代码：
<h1>Hello, Angular!</h1>
这会在页面上显示一条简单的欢迎消息。
接下来，打开 src/app/app.component.ts 文件，并将其中的内容替换为以下代码：
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
}
这会将 Angular 的组件装饰器应用到 AppComponent 类上。
重新运行应用程序
保存这些文件后，你的应用程序应该会自动重新编译并在浏览器中显示更新后的消息。
恭喜！你已经成功创建并修改了你的第一个 Angular 应用程序！
总结
在本教程中，我们介绍了如何使用 Angular CLI 创建一个新的 Angular 项目，并修改该项目以显示一条简单的消息。这只是 Angular 的基础入门教程，还有很多其他的功能和概念需要学习。但是通过这个简单的例子，你已经打下了学习 Angular 的基础。
希望本教程能够帮助你快速入门 Angular，并开始构建令人惊叹的 Web 应用程序！如有任何疑问或遇到问题，请随时提问。
本文来自极简博客，作者：星空下的诗人，转载请注明原文链接：Angular 基础教程：创建你的第一个应用程序
