📜  创建 Angular 应用程序 (1)

📅  最后修改于: 2023-12-03 15:22:39.951000             🧑  作者: Mango

创建 Angular 应用程序

Angular 是一个强大的前端框架,它能帮助我们快速构建现代化的 web 应用程序。本篇文章将会介绍如何创建一个 Angular 应用程序。

前提条件

在开始创建 Angular 应用程序之前,确保已安装以下工具:

  • Node.js 和 npm
  • Angular CLI

如果你还没有安装以上工具,请先安装它们。

创建新应用程序

打开终端或命令提示符,并导航到要创建应用程序的文件夹。在该文件夹中,运行以下命令:

ng new my-app

其中 my-app 是你的应用程序名称。这个命令会创建一个新的 Angular 应用程序,并在 my-app 文件夹中生成一些初始文件。

运行应用程序

在终端中,进入 my-app 文件夹,然后运行以下命令:

cd my-app
ng serve

这个命令会启动开发服务器,并在浏览器中打开应用程序。如果一切正常,你会看到一个 Angular 欢迎页面。

修改应用程序

现在你已经成功创建了一个 Angular 应用程序,并且能够在浏览器中运行它。接下来你可以开始修改应用程序,让它符合你的需求。

my-app/src/app 文件夹中,你将找到 app.component.html 文件。这个文件包含应用程序的 HTML 模板。在其中修改 HTML,然后保存文件。浏览器会自动刷新,并显示更新后的页面。

在同一文件夹中,你还会找到 app.component.ts 文件。这个文件包含应用程序的 TypeScript 代码。在其中修改代码,然后保存文件。浏览器会自动重新编译,并显示更新后的页面。

总结

Angular 是一个非常强大的前端框架,能帮助我们快速构建现代化的 web 应用程序。通过本篇文章,你已经学会了如何创建一个 Angular 应用程序,并对该应用程序进行修改。现在你可以继续学习 Angular,并从中受益。