Angular 是一个用于构建高性能、响应式网页和移动应用的现代 JavaScript 框架。下面是 Angular 快速入门指南。

首先,您需要在您的计算机上安装 Angular CLI。Angular CLI 是一个命令行界面工具,用于初始化、开发、测试和部署 Angular 应用。

npm install -g @angular/cli

创建一个新的 Angular 项目

使用 Angular CLI 创建一个新项目:

ng new my-angular-app

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

进入项目目录

进入新创建的项目目录:

cd my-angular-app

运行项目

使用 Angular CLI 运行项目:

ng serve

现在,您可以在浏览器中访问 http://localhost:4200 来查看您的 Angular 应用。

添加组件

在 Angular 中,组件是构成应用的基本构建块。以下是如何添加一个新组件的步骤:

  1. 创建一个新组件:
ng generate component my-first-component
  1. app.component.html 文件中,添加以下代码:
<h1>欢迎来到 Angular 世界!</h1>
<my-first-component></my-first-component>
  1. my-first-component.component.html 文件中,添加以下代码:
<p>这是我的第一个组件!</p>

更多资源

想要了解更多关于 Angular 的信息?请访问我们的 Angular 官方文档

Angular Logo