当出现如上图所示界面,没有ERR,表示Angular包安装成功了。其中会有两个警告,不必在乎。这是正常的。
回到VS,显示全部文件,你会发现多出一个node_module的文件夹,并且依赖项中会出现npm依赖,这个文件夹里包含的就是包括Angular在内的所有依赖包。不要把他包含在项目中。否则会出错。
编译并运行程序 1. 编译Angular程序执行AngularCLI命令编译Angular程序,同样需要使用PowerShell或CMD命令行工具,将路径设置为项目根目录,执行如下名:
ng build
编译成功之后,会显示如上图所示的内容
回到VS中你会发现wwwroot文件夹下出现了编译好的JS文件和HTML文件等。不要在意wwwroot文件夹的图标从一个小地球变成了文件图标。:-)
2. 编译运行Asp.Net Core应用程序之后使用DotNetCLI编译并运行Asp.NET Core应用程序,执行如下命令:
dotnet run
3. 打开浏览器运行打开浏览器,运行:5000,得到如下结果:
提升开发的友好度也许有的朋友可能会说。太麻烦了。
是的。确实是有点麻烦,因为我们必须同时完成两条线路上的编译工作。
一条线路是Angular的编译工作。
另一条线路是Asp.Net Core的编译工作。
如果我们能够在Angular和Asp.Net Core的代码被更改时,系统自动编译他们,那就太好了。
这里我给出我的解决方案。如果有大神有更好的解决方案,可以留言或联系我。在此谢过~
1. 将API调用代理到Asp.Net Core服务上