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 中,组件是构成应用的基本构建块。以下是如何添加一个新组件的步骤:
- 创建一个新组件:
ng generate component my-first-component
- 在
app.component.html
文件中,添加以下代码:
<h1>欢迎来到 Angular 世界!</h1>
<my-first-component></my-first-component>
- 在
my-first-component.component.html
文件中,添加以下代码:
<p>这是我的第一个组件!</p>
更多资源
想要了解更多关于 Angular 的信息?请访问我们的 Angular 官方文档。
Angular Logo