Angular 如何在VSCODE中配置部署源？

我正在尝试将基本Angular应用程序部署到Azure。我安装了以下扩展：

当我右键单击我的AppService时，我看到以下菜单：

如果我尝试选择Configure Deployment source，我看不到web上许多文章都提到的任何浏览选项。我只看到这一点：

我如何在那里输入我已编译应用程序的目录？简单的部署会导致我的整个未编译应用程序被放置到我的AppService的wwwroot中

这是我单击Deploy web app时看到的唯一确认对话框：

---

在将应用程序部署到Azure之前，您需要通过在可视化代码中的终端选项卡中运行以下命令，为生产环境构建angular应用程序：

ng build --configuration=production

使用扩展名登录azure后，您将看到订阅下的所有应用程序服务

---

接下来右键单击应用程序服务应用程序并选择“部署到Web应用程序”，右侧将显示一个命令弹出窗口。单击“浏览”并选择应用程序下的“dist\yourApp”文件夹，然后单击“部署”

在编写此问题之前，我正在运行构建。这不会改变任何事情。Build只在dist目录中创建文件。我如何判断部署应该抓住它们，而不是整个项目？我没有任何“浏览”选项。这是我的问题。单击deploy to web app时会发生什么情况？您需要单击“部署到web应用而不是配置源”。这就是我在回答中添加的内容当我单击Deploy时，它会显示一个带有“Deploy”和“Cancel”按钮的弹出对话框。当我单击Deploy时，它将开始部署整个未编译的应用程序。您需要设置dist文件夹的路径。在深入研究之后，我需要将设置放入到.vscode/settings.json中。虽然为什么我的UI没有显示所有这些提示，但这仍然是个谜。