在本文中，将探讨如何开始使用Angular 5和ASP.NET Core进行开发，特别是利用Angular5TemplateCore这一模板。这个过程非常简单且易于上手。将详细地介绍每一个步骤。
在开始之前，确保计算机上已经安装了所有必要的前提条件。如果没有，请逐个下载并安装。
首先，从以下链接下载并安装Visual Studio 2017：。
下载并安装.NET Core 2.0：。
下载并安装Node.js v9.0或更高版本。安装的是v9.1.0，下载链接：。
注意：在开始项目之前，请确保计算机上已经安装了Visual Studio 2.0和.NET Core版本2.0或更高。如果没有，请从上述链接下载并安装。
接下来，将学习如何将Angular5TemplateCore安装到Visual Studio .NET Core模板中。
打开Visual Studio 2017，转到文件 -> 新建项目。在左侧菜单中选择在线，然后选择Visual C#。在列表中搜索Angular5TemplateCore并点击确定。
关闭Visual Studio并等待Angular5TemplateCore安装完成。安装完成后，是时候构建第一个使用ASP.NET Core模板的Angular 5应用程序了。将在代码部分详细看到这一点。
现在，是时候创建第一个Angular 5和ASP.NET Core应用程序了。
在安装了上述所有前提条件和Angular5TemplateCore之后，点击开始 >> 程序 >> Visual Studio 2017 >> Visual Studio 2017，在桌面上。
点击新建 >> 项目。选择Visual C# >> 选择Angular5Core2。输入项目名称并点击确定。
一旦项目创建完成，就可以在解决方案资源管理器中看到它，其中包含Angular5示例组件、HTML和位于ClientApp文件夹中的应用程序，以及ASP.NET Core控制器和视图文件夹。
在这里，这些文件和文件夹与ASP.NET Core模板包对于Angular 2非常相似。
如果打开package.json文件，可以看到所有Angular 5和Angular CLI默认已经添加的依赖项。
为了运行Angular 5应用程序，需要在应用程序中安装webpack。如果默认没有将webpack添加到package.json文件中，那么需要手动添加。Webpack是一个开源的JavaScript模块打包器。它采用具有依赖关系的模块，并生成代表这些模块的静态资产。要了解更多关于Webpack的信息，请。
打开package.json文件，并在scripts下添加以下行。
"postinstall": "webpack --config webpack.config.vendor.js"
现在，Angular 5和ASP.NET Core应用程序已经准备好了。可以运行并在浏览器中查看输出。首先，构建应用程序。构建成功后，运行应用程序。
当运行Angular 5 ASP.NET Core应用程序时，可以看到默认的主页，左侧菜单以及计数器和获取数据。是的，在Angular5Core2Template中，当创建一个新项目时，默认会添加3个组件和一个HTML文件到Angular 5演示中 - 主页、计数器和获取数据。
在组件文件中，可以更改Angular 5类以根据需求生成输出，或者可以添加自己的文件夹以显示输出，带有组件和HTML文件。
现在，让尝试更改主页组件类和HTML文件，以在主页上显示带有名字的输出。
为此，首先编辑home.components.ts文件。在这里，在主页组件类中，创建了一个public变量来显示名字作为“myname”。
import { Component } from '@angular/core';
@Component({
selector: 'home',
templateUrl: './home.component.html'
})
export class HomeComponent {
public myname = "Shanu";
}
在home.html文件中，更改了HTML设计以绑定并显示Angular5组件变量。
<h1>Welcome to <strong>{{ myname }}</strong> Angular5 and ASP.NET Core world</h1>
刷新主页。可以看到名字将从Angular5组件中显示在HTML页面上，附带欢迎信息。
同样，也可以找到默认的计数器和从API获取数据的示例组件和HTML文件已经默认添加。如果愿意，可以将其更改为要求，或者可以创建自己的组件和HTML文件。
在应用程序中，可以看到左侧的菜单。该菜单是使用navmenu.component.ts和navmenu.components.html显示的。如果想删除或添加菜单，可以更改HTML和Angular 5 TypeScript文件。