在本章节中,我们将快速入门 Angular 4,让你快速上手并开始构建你的第一个 Angular 应用程序。
安装 Angular CLI
Angular CLI 是一个强大的工具,可以帮助我们快速创建和管理 Angular 项目。首先,我们需要安装 Angular CLI。打开命令行工具,运行以下命令:
npm install -g @angular/cli
创建新的 Angular 项目
使用 Angular CLI 创建一个新的 Angular 项目非常简单。在命令行中运行以下命令:
ng new my-angular-app
这将创建一个名为 my-angular-app
的新 Angular 项目,并安装所有必要的依赖项。
运行 Angular 应用
进入项目目录,并运行以下命令来启动 Angular 应用:
cd my-angular-app ng serve --open
这将启动一个本地开发服务器,并在默认浏览器中打开你的应用程序。现在,你可以在浏览器中访问 http://localhost:4200
查看你的应用程序。
编辑应用程序
现在,你可以打开编辑器,并编辑 src/app
目录中的文件来修改你的应用程序。Angular 使用组件来构建应用程序,每个组件都有自己的模板、样式和逻辑。你可以在 src/app
目录中创建新的组件,并在 app.module.ts
文件中注册它们。
创建新组件
使用 Angular CLI 创建一个新的组件非常简单。在命令行中运行以下命令:
ng generate component my-new-component
这将在 src/app
目录中创建一个名为 my-new-component
的新组件,并自动将其添加到 app.module.ts
文件中。
总结
在本章节中,我们快速入门了 Angular 4,并创建了一个新的 Angular 项目。我们学习了如何使用 Angular CLI 创建新的项目和组件,以及如何运行和编辑 Angular 应用程序。在接下来的章节中,我们将更深入地学习 Angular 的各个方面。