在Visual Studio 2017中使用Asp.Net Core构建Angular4应用程(6)

image

image

当出现如上图所示界面,没有ERR,表示Angular包安装成功了。其中会有两个警告,不必在乎。这是正常的。

回到VS,显示全部文件,你会发现多出一个node_module的文件夹,并且依赖项中会出现npm依赖,这个文件夹里包含的就是包括Angular在内的所有依赖包。不要把他包含在项目中。否则会出错。

image

编译并运行程序 1. 编译Angular程序

执行AngularCLI命令编译Angular程序,同样需要使用PowerShell或CMD命令行工具,将路径设置为项目根目录,执行如下名:

ng build

image

image

编译成功之后,会显示如上图所示的内容

回到VS中你会发现wwwroot文件夹下出现了编译好的JS文件和HTML文件等。不要在意wwwroot文件夹的图标从一个小地球变成了文件图标。:-)

image

2. 编译运行Asp.Net Core应用程序

之后使用DotNetCLI编译并运行Asp.NET Core应用程序,执行如下命令:

dotnet run

image

3. 打开浏览器运行

打开浏览器,运行:5000,得到如下结果:

image

提升开发的友好度

也许有的朋友可能会说。太麻烦了。

是的。确实是有点麻烦,因为我们必须同时完成两条线路上的编译工作。

一条线路是Angular的编译工作。

另一条线路是Asp.Net Core的编译工作。

如果我们能够在Angular和Asp.Net Core的代码被更改时,系统自动编译他们,那就太好了。

这里我给出我的解决方案。如果有大神有更好的解决方案,可以留言或联系我。在此谢过~

1. 将API调用代理到Asp.Net Core服务上

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/13680.html