本文是使用Angular5TemplateCore開發一個適用於ASP.NET Core的Angular 5應用程式。我們來詳細看看

先決條件

確保您已經在計算機上安裝了所有先決條件。如果沒有，那麼先下載並安裝所有。

1. 首先，從這個連結下載並安裝Visual Studio 2017 

2. 下載並安裝.NET Core 2.0

3. 下載並安裝Node.js v9.0或更高版本。我已經安裝了v9.1.0（下載連結）

注意

在啟動專案之前，請確保您的計算機上安裝了Visual Studio 2.0和.NET Core 2.0或更高版本。如果沒有，請從上面的連結下載並安裝。

Node.js的安裝：Node.js的官網：https://nodejs.org/en/，在您的計算機上安裝Node.js 9.0或更高版本。（安裝步驟按照安裝嚮導安裝就行）

安裝Angular5TemplateCore：

開啟Visual Studio 2017在主介面的選單欄，步驟：工具—》擴充套件和更新—》聯機—》搜尋框中輸入angular。從列表中，搜尋Angular5TemplateCore並單擊下載，重啟VS，待安裝完成開啟VS即可。

安裝完成後，就可以使用ASP.NET Core Template構建第一個Angular 5應用程式了。

建立專案：建立我們的第一個Angular 5和ASP.NET Core應用程式

步驟1建立Angular5TemplateCore

安裝完上面列出的所有先決條件和Angular5TemplateCore後，單擊開始->程式-> Visual Studio 2017 -> Visual Studio 2017，在桌面上

選單欄點選檔案->新建->專案->選擇Visual C＃->選擇Angular5TF->輸入您的專案名稱，然後單擊確定。

搭建專案中遇到兩個問題，其中一個是

錯誤提示：System.AggregateException   HResult=0x80131500   Message=One or more errors occurred. (Failed to start Node process. To resolve this:.  [1] Ensure that Node.js is installed and can be found in one of the PATH directories.     Current PATH enviroment variable is: C:\Program Files\Docker\Docker\Resources\bin;E:\Program Files (x86)\Python36-32\Scripts\;E:\Program Files (x86)\Python36-32\;C:\ProgramData\Oracle\Java\javapath;C:\Windows\system32;C:\Windows;C:\Windows\System32\Wbem;C:\Windows\System32\WindowsPowerShell\v1.0\;C:\Program Files\Microsoft SQL Server\130\Tools\Binn\;C:\Program Files\dotnet\;C:\Program Files (x86)\NVIDIA Corporation\PhysX\Common;";E:\Maven\apache-maven-3.5.2\bin;";"E:\Program Files\Java\jdk1.8.0_144\bin;E:\Program Files\Java\jdk1.8.0_144\jre\bin";C:\Program Files (x86)\Microsoft SQL Server\Client SDK\ODBC\130\Tools\Binn\;C:\Program Files (x86)\Microsoft SQL Server\140\Tools\Binn\;C:\Program Files (x86)\Microsoft SQL Server\140\DTS\Binn\;C:\Program Files (x86)\Microsoft SQL Server\140\Tools\Binn\ManagementStudio\;E:\Program Files\Git\cmd;C:\Users\xiaoyue\AppData\Local\Microsoft\WindowsApps;E:\Program Files\Microsoft VS Code\bin;E:\Program Files\Java\jdk1.8.0_144\jre\bin     Make sure the Node executable is in one of those directories, or update your PATH.  [2] See the InnerException for further details of the cause.)   Source=System.Private.CoreLib   StackTrace:    at System.Threading.Tasks.Task`1.GetResultCore(Boolean waitCompletionNotification)    at Microsoft.AspNetCore.Builder.WebpackDevMiddleware.UseWebpackDevMiddleware(IApplicationBuilder appBuilder, WebpackDevMiddlewareOptions options)    at OnlineShoppingSystemWithAngular5.Startup.Configure(IApplicationBuilder app, IHostingEnvironment env) in D:\Visual Studio\C#程式\C#web網頁\ASP.NET Core\OnlineShoppingSystemWithAngular5\OnlineShoppingSystemWithAngular5\Startup.cs:line 30  內部異常 1: InvalidOperationException: Failed to start Node process. To resolve this:.  [1] Ensure that Node.js is installed and can be found in one of the PATH directories.

第二個問題是異常提示：

System.AggregateException   HResult=0x80131500   Message=One or more errors occurred. (Cannot find module './ClientApp/dist/vendor-manifest.json' Error: Cannot find module './ClientApp/dist/vendor-manifest.json'     at Function.Module._resolveFilename (module.js:555:15)     at Function.Module._load (module.js:482:25)     at Module.require (module.js:604:17)     at require (internal/module.js:11:18)     at module.exports (D:\Visual Studio\C#程式\C#web網頁\ASP.NET Core\OnlineShoppingSystemWithAngular5\OnlineShoppingSystemWithAngular5\webpack.config.js:63:27)     at createWebpackDevServer (D:\Visual Studio\C#程式\C#web網頁\ASP.NET Core\OnlineShoppingSystemWithAngular5\OnlineShoppingSystemWithAngular5\node_modules\aspnet-webpack\WebpackDevMiddleware.js:194:31)     at createWebpackDevServer (C:\Users\xiaoyue\AppData\Local\Temp\f5hjtwlp.td1:74:50)     at C:\Users\xiaoyue\AppData\Local\Temp\q2ukbyen.h0o:114:19     at IncomingMessage.<anonymous> (C:\Users\xiaoyue\AppData\Local\Temp\q2ukbyen.h0o:133:38)     at IncomingMessage.emit (events.js:159:13))   Source=System.Private.CoreLib   StackTrace:    at System.Threading.Tasks.Task`1.GetResultCore(Boolean waitCompletionNotification)    at Microsoft.AspNetCore.Builder.WebpackDevMiddleware.UseWebpackDevMiddleware(IApplicationBuilder appBuilder, WebpackDevMiddlewareOptions options)    at OnlineShoppingSystemWithAngular5.Startup.Configure(IApplicationBuilder app, IHostingEnvironment env) in D:\Visual Studio\C#程式\C#web網頁\ASP.NET Core\OnlineShoppingSystemWithAngular5\OnlineShoppingSystemWithAngular5\Startup.cs:line 31  內部異常 1: NodeInvocationException: Cannot find module './ClientApp/dist/vendor-manifest.json' Error: Cannot find module './ClientApp/dist/vendor-manifest.json'     at Function.Module._resolveFilename (module.js:555:15)     at Function.Module._load (module.js:482:25)     at Module.require (module.js:604:17)     at require (internal/module.js:11:18)     at module.exports (D:\Visual Studio\C#程式\C#web網頁\ASP.NET Core\OnlineShoppingSystemWithAngular5\OnlineShoppingSystemWithAngular

解決方法：解決方法在GitHub中

  在“scripts”部分下的package.json中新增："postinstall": "webpack --config webpack.config.vendor.js"