使用 Angular CLI 创建新项目

Angular CLI 可以说是 Angular 框架中最强大的部分。它使您能够生成新的项目、组件和服务 - 它甚至使您能够将项目代码完全移植到下一个 Angular 版本！在本指南中，您将学习如何使用 Angular CLI 生成新的 Angular 项目。

让我们开始吧！

可以使用 NPM 运行以下命令将 Angular CLI 下载到你的机器上：

您现在可以使用ng命令访问 CLI。要查看可用命令的完整列表，请运行ng -h。

您将在本指南中学习的命令是ng new命令。通过 CLI 引导 Angular 应用非常简单，只需运行以下命令即可：

此命令将在当前目录中创建一个名为my-app 的新 Angular 应用。在下一节中，您将学习如何通过直接使用可用选项进一步自定义新 Angular 项目的生成。

除了按照屏幕上的提示操作外，直接使用这些选项可能对您也有用。当您拥有自己的包装 Angular CLI 的项目工具时尤其如此。根据 Angular CLI ng-new diagram 的schema.json 文件，可以使用以下选项：

• 目录：你的新 Angular 应用的目录名称
• name：新工作区和 Angular 项目的名称
• skipInstall：您可以将其设置为“true”，以避免自动安装依赖项
• skipGit：您可以使用此选项跳过初始化 Git 存储库
• commit：您可以使用此选项指定初始 Git repo 信息
• inlineStyle：使用此选项意味着样式将默认包含在组件的 TS 文件中
• inlineTemplate：使用此选项将确保组件的模板包含在 TS 文件中
• viewEncapsulation：允许你默认设置新组件的视图封装
• 版本：这个鲜为人知的选项允许您最初设置 Angular 项目的版本
• 路由：这将启动路由模块
• 前缀：您可以使用此选项更改或删除新组件选择器的“app”前缀
• style：您可以使用此选项指定 CSS 预处理器的类型（如果有）
• skipTests：这将阻止 CLI 为新组件生成新的测试文件
• minimal：此选项将创建一个没有任何测试框架的新项目，非常适合测试
• strict：这将确保为你的项目启用严格类型检查
• legacyBrowsers：这将增加对 Internet Explorer 等旧版浏览器的支持
• packageManager：此选项用于指定 CLI 应该为该项目使用的包管理器

这些甚至还不是全部选项！如您所见，Angular CLI 在生成新项目时非常灵活，并为您提供了大量的控制和自定义功能。

现在，您已经了解了如何通过 Angular CLI 轻松生成新的 Angular 应用。您已经了解到可以使用ng new命令并按照屏幕上的提示来生成新项目。不仅如此，您还了解了可以直接与ng new命令一起使用的所有选项，以进一步定制您的体验。借助这些可用选项，您可以自信地生成新的 Angular 应用！