Angular CLI 是一个命令行工具，用于快速创建和管理 Angular 应用程序。它提供了一些工具和功能，帮助开发者快速构建 Angular 应用程序，并且能够自动化许多常见的开发任务。本文将为你提供一个 Angular CLI 新手指南，帮助你了解 Angular CLI 的基础知识并解决常见问题。
安装 Angular CLI
要使用 Angular CLI，你需要先安装 Node.js。Node.js 是一个 JavaScript 运行环境，可用于在服务器和本地机器上运行 JavaScript 代码。在安装 Node.js 后，你可以使用 npm（Node.js 包管理器）来安装 Angular CLI。
在终端中运行以下命令来安装 Angular CLI：
npm install -g @angular/cli
安装完成后，你可以在终端中运行 ng 命令来访问 Angular CLI。
创建一个新项目
使用 Angular CLI 创建一个新的项目非常简单。在终端中运行以下命令来创建一个新的项目：
ng new my-app
这将创建一个名为 my-app 的新项目，并在其中安装所有必要的依赖项。Angular CLI 将自动创建一个基本的 Angular 应用程序，并为你生成一些默认的文件和目录结构。
运行应用程序
要运行 Angular 应用程序，你可以在终端中进入项目目录，并运行以下命令：
cd my-app ng serve
这将启动本地开发服务器，并在默认端口（4200）上运行你的应用程序。你可以在浏览器中打开 http://localhost:4200 来访问你的应用程序。
生成组件
Angular CLI 可以帮助你快速生成新的组件。在终端中运行以下命令来生成一个新的组件：
ng generate component my-component
这将在 src/app 目录下创建一个名为 my-component 的新组件，并在其中生成一些默认文件。你可以在 app.module.ts 中导入新组件，并在 HTML 模板中使用它。
常见问题解答
如何解决 "Cannot find module '@angular-devkit/core'" 错误？
如果在使用 Angular CLI 时遇到 "Cannot find module '@angular-devkit/core'" 错误，你可以尝试运行以下命令来解决问题：
npm install --save-dev @angular-devkit/core
如何解决 "Cannot find module '@angular/compiler-cli'" 错误？
如果在使用 Angular CLI 时遇到 "Cannot find module '@angular/compiler-cli'" 错误，你可以尝试运行以下命令来解决问题：
npm install --save-dev @angular/compiler-cli
如何解决 "Error: Cannot find module '@angular-devkit/build-angular/package.json'" 错误？
如果在使用 Angular CLI 时遇到 "Error: Cannot find module '@angular-devkit/build-angular/package.json'" 错误，你可以尝试运行以下命令来解决问题：
npm install --save-dev @angular-devkit/build-angular
结论
Angular CLI 是一个非常有用的工具，可以帮助你快速创建和管理 Angular 应用程序。在本文中，我们提供了一个 Angular CLI 新手指南，并解决了一些常见问题。希望这篇文章能够帮助你更好地使用 Angular CLI，并在开发 Angular 应用程序时提高效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6725f20c2e7021665e192d09