Angular 是一个由 Google 维护的开源 Web 应用程序框架，用于构建动态的单页应用程序（SPA）。它使用 TypeScript 作为编程语言，并提供了丰富的组件和指令来简化开发过程。

安装 Angular CLI

首先，您需要在您的计算机上安装 Angular CLI，这是一个命令行界面工具，用于启动、构建和测试 Angular 应用程序。

npm install -g @angular/cli

创建新项目

使用 Angular CLI 创建一个新的 Angular 项目：

ng new my-angular-app

这将创建一个名为 my-angular-app 的新项目。

导航到项目目录

进入新创建的项目目录：

cd my-angular-app

运行开发服务器

运行开发服务器以启动应用程序：

ng serve

默认情况下，应用程序将在 http://localhost:4200/ 上运行。

创建组件

Angular 的核心是组件，它们是可重用的 UI 控件。要创建一个新的组件，请使用以下命令：

ng generate component my-component

这将创建一个名为 my-component 的新组件，并在 src/app/my-component 目录下生成相应的文件。

组件结构

一个 Angular 组件通常包含以下文件：

  • my-component.html：组件的 HTML 模板。
  • my-component.ts：组件的逻辑代码。
  • my-component.css：组件的样式。

使用组件

在应用程序的模板中，您可以通过 <app-my-component></app-my-component> 的方式使用新创建的组件。

图片示例

Angular Logo

更多资源

如果您想了解更多关于 Angular 的信息，可以访问以下链接：

希望这份简要的指南能帮助您开始学习 Angular。如果您有更多问题，欢迎访问我们的 Angular 学习论坛。