快速入門：使用 GitHub Copilot for Azure Preview 建置和部署您的應用程式

發行項
11/19/2024

本快速入門會引導您使用 GitHub Copilot for Azure Preview 在 Azure 中建立和部署新網站。它示範將 GitHub Copilot for Azure 整合到您的開發和部署工作流程的其中一種方式。

必要條件

如需完整的安裝指示，請參閱開始使用一文。請確定您有下列專案：

GitHub Copilot 帳戶。
適用於 Visual Studio Code 的 GitHub Copilot Chat 擴充功能。
適用於 Visual Studio Code 的 Azure 預覽版 GitHub Copilot 延伸模組。
Azure 訂用帳戶。如果您沒有 GitHub Copilot for Azure，可以協助。

使用 GitHub Copilot for Azure Preview 建立及部署網站

在本機計算機上建立新的資料夾，您可以在其中建立 GitHub 存放庫的本機複本。
在 Visual Studio Code 中，選取 [檢視]>[終端機]。在終端機窗格中，移至新資料夾。
在標題列上，選取 [ 開啟聊天 ] 圖示（GitHub Copilot 標誌）以在 [次要] 側邊列中開啟聊天窗格。

若要啟動新的聊天會話，請選取窗格標題列上的加號圖示（+）。

重要

如果您收到非預期的結果，請使用新的聊天會話重新開始。
在窗格底部的聊天文本框中，於之後 @azure輸入下列提示。然後選取 [ 傳送 ]（紙張飛機圖示），或選取鍵盤上的 Enter。
```
Could you help me create and deploy a simple Flask website by using an azd template?
```
過了一會兒，適用於 Azure 的 GitHub Copilot 可能會建議 azd 要使用的範本。

重要

您可能需要向 Azure 帳戶進行驗證，才能繼續遵循 GitHub Copilot 以取得 Azure 的指示。請遵循驗證指示繼續進行。

您可能會看到類似下列範例的回應。

重要

每次 GitHub Copilot 提供 Azure 解答時，回應的確切措辭都不同，因為語言模型產生回應的大小。
如果答案提供以程式代碼柵欄開頭的 azd init 命令，請將滑鼠停留在程式代碼柵欄上方以顯示小型快顯動作功能表。

選取 [插入終端機 ] 以將命令插入終端機。
執行 azd init 命令之前，您可能有關於它如何影響本機計算機和 Azure 訂用帳戶的問題。

使用下列提示：
```
@azure Before I execute azd init, what does it do?
```
您可能會看到類似下列螢幕快照的回應。
使用下列提示來深入了解 azd 範本：
```
@azure What resources are created with this template?
```
您可能會看到類似下列螢幕快照的回應。
詢問範本搭配提示使用之服務的問題，例如：
```
@azure What is the purpose of a virtual network?
```
您可能會看到類似下列螢幕快照的回應。
當您滿意時，請在終端機中執行 azd init 命令。回答其提示。如果您不確定提示要回答什麼，請向 GitHub Copilot for Azure 尋求協助。
初始化新項目之後，請使用 azd up 將應用程式部署至您的訂用帳戶。在終端機中，根據原始提示回復中的指示執行命令。
```
azd up
```
命令 azd up 會詢問訂用帳戶的相關信息、部署資源的位置等等。

如果您不確定如何回答，您可以要求 GitHub Copilot 取得 Azure 的說明。例如，您可能會詢問：
```
@azure azd up is asking me what location I want to deploy the website into. How should I respond?
```
您可能會看到類似下列螢幕快照的回應。
繼續回答來自 azd up的提示。視需要詢問 GitHub Copilot 以取得 Azure 問題。

根據您要部署的 azd 範本和您選取的位置而定，範本可能需要 20 到 40 分鐘（或更多時間）才能部署。
如果 azd up 發生錯誤，請向 GitHub Copilot for Azure 詢問錯誤，以及如何加以解決。