前言
前端开发中，对于构建工具的选择可能是各种各样的。其中，Angular CLI 无疑是为 Angular 开发提供了一个十分友好的脚手架。Angular CLI 是一个基于 Node.js 的命令行工具，它可以帮助我们初始化项目、生成组件、服务等文件，还可以自动构建、测试和打包项目。
在这篇文章中，我们将详细讲解如何使用 Angular CLI 构建自己的项目。
安装 Angular CLI
在开始构建项目之前，我们需要先安装 Angular CLI。使用以下命令即可在终端中安装：
npm install -g @angular/cli
初始化项目
在安装完 Angular CLI 后，我们可以使用 ng 命令初始化项目：
ng new app-name
其中 app-name 为项目名称，在运行该命令后，Angular CLI 会为您自动生成一个新的项目，并进行必要的安装和配置。
创建组件
创建组件是我们在开发 Angular 应用时最常用的命令之一。我们可以在项目的根目录中使用以下指令创建一个组件：
ng generate component component-name
其中 component-name 为您想要创建的组件名称。这个命令将会在 src/app 目录下生成一个文件夹，文件夹名称为您指定的组件名称，其中包含一个组件类、一个组件模板和一个组件样式文件。
运行项目
在初始化项目和创建组件后，我们可以通过以下命令在本地启动项目：
ng serve
当命令执行完毕后，您可以通过浏览器访问 http://localhost:4200/ 来查看项目的运行效果。
构建项目
在开发完成后，我们需要将项目构建为可部署的文件，可以使用以下命令进行构建：
ng build
这将会在 dist/ 目录下生成一个可部署的文件，您可以将其部署在任何支持 HTML、CSS 和 JavaScript 的服务器上。
总结
通过本文，您已经了解了如何使用 Angular CLI 构建自己的项目。在实际开发过程中，您仍然需要掌握 Angular 框架的各种知识点和技巧，并在此基础上运用 Angular CLI 进行项目开发。祝您愉快地开发！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/presents-the-cli