zh/tutorials/angular-basics

Angular Basics 教程

Angular 是一个由 Google 开发和维护的免费和开源的前端 Web 应用程序框架。它旨在通过使用 HTML 作为模板语言，并引入了依赖注入和组件化等概念，来简化前端开发的复杂性。

快速开始

1. 安装 Node.js 和 npm：Angular 需要 Node.js 和 npm 来运行。
2. 全局安装 Angular CLI：Angular CLI 是一个命令行界面工具，用于初始化、开发、构建和测试 Angular 应用程序。

   npm install -g @angular/cli
   

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

   ng new my-angular-app
   

4. 进入项目目录：进入新创建的项目目录。

   cd my-angular-app
   

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

   ng serve
   

6. 访问应用程序：打开浏览器，访问 http://localhost:4200/ 来查看应用程序。

核心概念

• 组件：Angular 应用程序的基本构建块。每个组件都有自己的 HTML、CSS 和 TypeScript 代码。
• 模块：将相关的组件组织在一起。
• 服务：提供数据和功能给组件。
• 路由：用于在不同的组件之间导航。

图片示例

Angular Component

扩展阅读

如果您想了解更多关于 Angular 的信息，请访问我们的 Angular 进阶教程。

以上是 Angular 基础教程的概览。希望这个教程能够帮助您快速上手 Angular。如果您有任何问题，欢迎在 社区论坛 中提问。