使用 Angular CLI 创建新项目

2020-08-17 08:00:00 · 飞浪

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

介绍

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

让我们开始吧！

开始使用 Angular CLI 和 Angular Schematics

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

      npm install -g @angular/cli

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

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

      ng new my-app

此命令将在当前目录中创建一个名为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 应用！