Angular CLI 教程

Angular CLI 是一个强大的工具，用于简化 Angular 项目的开发过程。以下是关于 Angular CLI 的基本教程。

安装 Angular CLI

首先，你需要安装 Node.js 和 npm（Node.js 包管理器）。然后，使用以下命令安装 Angular CLI：

npm install -g @angular/cli

创建新项目

使用 Angular CLI 创建新项目的命令如下：

ng new my-angular-project

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

进入项目目录

进入新创建的项目目录：

cd my-angular-project

启动开发服务器

使用以下命令启动开发服务器：

ng serve

这将在本地启动一个开发服务器，默认端口为 4200。你可以通过浏览器访问 http://localhost:4200 来查看你的 Angular 应用。

添加组件

要在项目中添加一个新的组件，可以使用以下命令：

ng generate component my-component

这将创建一个名为 my-component 的新组件，包含一个 HTML、TypeScript 和 CSS 文件。

调试应用

你可以使用 ng serve 命令启动的开发服务器来调试你的 Angular 应用。在浏览器的开发者工具中，你可以设置断点，查看变量，甚至更改代码来观察实时效果。

使用 Angular CLI 构建生产版本

当你准备发布你的 Angular 应用时，你可以使用 Angular CLI 构建生产版本：

ng build --prod

这将在 dist/ 目录下生成一个用于生产环境的应用。

更多关于 Angular CLI 的信息和高级用法，请访问我们的Angular CLI 官方文档。

---

如果你需要进一步了解 Angular 的其他方面，比如服务、路由或表单，你可以查看我们的Angular 教程系列。