如何使用 Visual Studio 2017 在 Azure 上部署 Angular 6 应用程序答案

【问题标题】：How to deploy Angular 6 app on Azure using Visual Studio 2017如何使用 Visual Studio 2017 在 Azure 上部署 Angular 6 应用程序
【发布时间】：2018-10-29 13:54:45
【问题描述】：

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

npm install -g @angular/cli

ng new my-app

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

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

【问题讨论】：

我写了一篇关于这个medium.com/@omikolaj1/…的博客文章

标签： angular azure visual-studio-2017

【解决方案1】：

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

按照步骤操作

运行 ng build --prod（这将在您的应用程序中创建一个 dist 文件夹）
打开visual studio并选择打开 >> 网站选择你的项目在dist文件夹中的路径并打开
然后只需右键单击您的项目并选择发布 Web 应用程序，然后选择您发布的配置文件设置并部署它

【讨论】：

正在寻找一些测试站点以在 Azure 中上传。这是最快和最好的。非常感谢！
是的，这是更好的选择。

【解决方案2】：

VS 代码

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

参考这个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

【讨论】：

但我想部署 cli 应用
@Faisal 使用Visual Studio Code，正如我最初在回答中提到的那样
@Faisal 请参考我的回答中可能有用的文章
@Faisal 我上面的回答对你有帮助吗？如果是，请接受/支持我的回答。
这对学习这方面的技术很有帮助，但对我没有用。我会尽快发布我的答案