Angular7已经发布！继续阅读以了解如何开始使用这个伟大框架的最新版本，以及Angular团队添加的新功能
介绍
Angular发布了最新版本Angular7.0。在本文中，我们将探讨以下几点：
Angular7.0中有什么新功能。使用AngularCLI创建第一个Angular7.0应用程序。如何将现有的Angular应用程序更新为Angular7.0。Angular7.0中有什么新功能
在创建新的Angular应用程序时，AngularCLI将提示用户选择是否要添加Angular路由等功能或者要在其应用程序中使用的样式表格式。如果应用程序包大小超过预定义的限制，Angular7.0应用程序将使用AngularCLI的BundleBudget功能来警告开发人员。警告的默认值设置为2MB，错误的默认值为5MB。此值是可配置的，可以从angular.json文件更改。此功能大大增强了应用程序性能。作为此更新的一部分，AngularMaterial的ComponentDevKit（CDK）也会收到一些新功能。CDK的两个新增功能如下：1.虚拟滚动
如果您尝试加载大量元素，则会影响应用程序性能。可用于仅加载屏幕上列表的可见部分。它只会渲染适合屏幕的项目。当用户滚动列表时，DOM将根据显示大小动态加载和卸载元素。不要将此功能与无限滚动相混淆，无限滚动完全是加载元素的不同策略。您可以在此处阅读有关虚拟滚动的更多信息。
2.拖放
我们可以轻松地为项目添加拖放功能。它支持诸如自由拖动元素，重新排序列表项，在列表之间移动项目，动画，添加自定义拖动手柄以及沿X或Y轴限制拖动等功能。您可以在此处阅读有关拖放的更多信息。
mat-form-field现在将支持使用本机select元素。这将为应用程序提供增强的性能和可用性。了解更多关于此功能在这里。Angular7.0已更新其依赖项以支持TypeScript3.1，RxJS6.3和Node10。我们将继续创建我们的第一个Angular7应用程序。
先决条件
从安装最新版本的Node.js的位置。从这里安装VisualStudio代码。安装Node.js也会在你的机器上安装npm。安装Node.js后，打开命令提示符并运行以下命令集以检查计算机上安装的节点和npm的版本。
请参考下图：
安装AngularCLI
AngularCLI是Angular的命令行界面。它有助于我们轻松地初始化，开发和维护Angular应用程序。
要安装AngularCLI，请在命令窗口中运行以下命令：
npmi-g
angular/cli这将在您的计算机中全局安装AngularCLI7.0。请参考下图：
要检查计算机中安装的角度CLI的版本，请运行以下命令：
ngversion
请参考下图：
创建一个Angular7应用程序
打开VisualStudio代码并导航到ViewTerminal。这将打开VS代码终端窗口。或者，您也可以使用键盘快捷键ctrl+`打开终端窗口。
在终端窗口中键入以下命令序列。这些命令将创建一个名为“ng7Demo”的目录，然后在该目录中创建一个名为“ng7App”的Angular应用程序。
当您运行ngnew命令时，AngularCLI将要求您选择以下两个选项：
您想添加Angular路由吗？（Y/N）您想使用哪种样式表格式？选择选项并按Enter键后，将创建Angular7.0应用程序。
有关更好的理解，请参阅下面的gif图像。
应用程序创建成功后，运行以下命令以打开项目。
请参考下图：
这将在新的VSCode窗口中打开我们的应用程序的代码文件。您可以在SolutionExplorer中看到以下文件结构。
打开package.json文件，您可以看到我们在项目中安装了最新的Angular7.0.0软件包。
执行演示
我们的Angular应用程序的名称是ng7App，它位于ng7Demo目录中。
因此，我们将首先使用以下命令导航到我们的应用程序。
现在，我们使用以下命令启动Web服务器。
请参考下图：
运行此命令后，您可以看到它要求在浏览器中打开