如何使用Visual Studio 2017在Azure上部署Angular 6应用

Question

我使用angular-cli创建了一个Angular应用程序：

npm install -g @angular/cli

ng new my-app

现在，我想将此简单的Angular应用程序部署到Azure。

我已发布设置，我该怎么做？

Answer 1

经过数小时的研究，我发现它非常简单

只需按照步骤

1. 运行ng build --prod（这将在您的应用程序中创建一个dist文件夹）
2. 打开Visual Studio并选择打开 >> 网站，然后在dist文件夹中选择项目的路径，然后打开
3. 然后右键单击您的项目并选择 Publish Web App ，然后选择已发布的配置文件设置并进行部署

Answer 2

VS代码

您可以从Visual Studio代码（VS代码）轻松部署使用 angular-cli 的Angular App

请参阅此article（您只需要安装Azure App Service extension）

部署应用后，

Visual Studio 2017

您需要将一个项目创建为（ASP.NET Core Web应用程序）作为Angular项目

之后，您可以publish将应用程序作为WebPackage部署到Azure。

这是Reference，用于从VS 2017发布您的Angular应用

我想说的是，您可以将Visual Studio Code用于您的用例，而不是Visual Studio 2017