整合Angular 5與Visual Studio 2017

截至目前，在Visual Studio 2017中沒有可用的Angular5的直接模板。

轉到下面的鏈接，並點擊下載按鈕。

https://marketplace.visualstudio.com/items?itemName=RebaiHamidaTrabelsi.Angular5TemplateCore2

一旦下載完成，關閉Visual Studio的所有實例並安裝模板。

如果安裝文件找到任何打開的Visual Studio實例，它將停止安裝並要求我們單擊「EndTask」，通過單擊，它將關閉Visual Studio的所有實例。

在關閉VS實例后，它將繼續安裝模板。

一旦完成安裝，點擊關閉按鈕。

現在打開Visual Studio 2017，轉到New-> Project

在左側菜單中選擇Visual C＃，然後選擇「Angular5TF」模板。現在應該可以使用了，因為我們在之前的步驟中安裝了這個模板。

選擇項目位置，項目名稱和解決方案名稱，點擊「確定」按鈕，它將創建一個與.net core 2.0項目解決方案的Angular 5。

構建解決方案並按F5運行應用程序。如果/ vendorApp / dist文件夾中缺少「vendor-manifest.json」文件，我們可能會得到下面的錯誤。

它在以下github位置可用。

https://github.com/satyainumarthi/Angular5AspNetCore2/tree/master/Angular5Core2/ClientApp/dist

下載vendor-manifest.json文件。

打開ClientApp / dist文件夾。它看起來像下面的一個

將複製的文件粘貼到這個位置，現在它應該包含該文件，如下所示。

現在運行應用程序，如果我們看到下面的屏幕上運行Angular 5和.net核心2.0，這意味著初始設置已經完成，我們可以從這個鍋爐板開始我們的實施。