本文為英文版的機器翻譯版本，如內容有任何歧義或不一致之處，概以英文版為準。

# 使用 AWS CDK 應用程式
<a name="aws-cdk-apps"></a>


****  

|  | 
| --- |
| 這是預覽版本中功能的發行前文件。內容可能變動。 | 

使用 AWS Toolkit for VS Code 中的 **AWS CDK Explorer** 來視覺化和使用 AWS CDK 應用程式。

## 先決條件
<a name="aws-cdk-apps-prereq"></a>
+ 請確定您的系統符合[安裝 Toolkit for VS 程式碼](setup-toolkit.md#setup-prereq)中指定的先決條件。
+ 安裝 AWS CDK 命令列界面，如《 *AWS Cloud Development Kit (AWS CDK) 開發人員指南*》中的 [AWS CDK 入門](https://docs.aws.amazon.com/cdk/latest/guide/getting_started.html)的前幾個章節所述。
**重要**  
 AWS CDK 版本必須為 1.17.0 或更新版本。在命令列使用 **`cdk --version`** 查看您正在執行的版本。

## 視覺化 AWS CDK 應用程式
<a name="aws-cdk-apps-visualize"></a>

使用 AWS Toolkit for VS Code AWS CDK Explorer，您可以管理存放在應用程式 CDK 建構中的[堆疊](https://docs.aws.amazon.com/cdk/latest/guide/stacks.html)[和資源](https://docs.aws.amazon.com/cdk/latest/guide/resources.html)。 AWS CDK Explorer 會使用 `tree.json` 檔案中定義的資訊，在樹狀檢視中顯示您的資源，該檔案會在您執行 **`cdk synth`**命令時建立。根據預設， `tree.json` 檔案位於應用程式的 `cdk.out` 目錄中。

若要開始使用 Toolkit AWS CDK Explorer，您需要建立 CDK 應用程式。

1. 完成《 [AWS CDK 開發人員指南](https://docs.aws.amazon.com/cdk/v2/guide/getting_started.html)》中 [Hello World 教學課程](https://docs.aws.amazon.com/cdk/latest/guide/getting_started.html#hello_world_tutorial)的前幾個步驟。
**重要**  
當您抵達部署**堆疊的培訓步驟時**，請停止並返回本指南。
**注意**  
您可以在 VS Code 編輯器內的作業系統命令列或**終端機**視窗中執行教學課程中提供的命令，例如 **`cdk init`****`mkdir`**和 。

1. 完成 CDK 教學課程的必要步驟後，開啟您在 VS 程式碼編輯器中建立的 CDK 內容。

1. 從 AWS 導覽窗格中，展開 **CDK （預覽） **標題。您的 CDK 應用程式及其相關資源現在會顯示在 CDK 檔案總管樹狀檢視中。

### 重要說明
<a name="important-notes"></a>
+ 當您將 CDK 應用程式載入 VS 程式碼編輯器時，您可以一次載入多個資料夾。每個資料夾可以包含多個 CDK 應用程式，如上圖所示。 AWS CDK Explorer 會在專案根目錄及其直接子目錄中尋找應用程式。
+ 當您執行教學課程的開頭幾個步驟時，您可能注意到您執行的最後一個命令是 **`cdk synth`**，此命令會產生 `tree.json` 檔案。如果您變更 CDK 應用程式的各個層面，例如新增更多資源，則需要再次執行該命令，才能查看樹狀檢視中反映的變更。

## 在 AWS CDK 應用程式上執行其他操作
<a name="aws-cdk-apps-other-tasks"></a>

您可以使用 VS 程式碼編輯器在 CDK 應用程式上執行其他操作，就像使用作業系統的命令列或其他工具一樣。例如，您可以在編輯器中更新程式碼檔案，並使用 VS Code **Terminal** 視窗部署應用程式。

若要嘗試這些類型的動作，請使用 VS 程式碼編輯器，繼續《 *AWS CDK 開發人員指南*》中的 [Hello World 教學課程](https://docs.aws.amazon.com/cdk/latest/guide/getting_started.html#hello_world_tutorial)。請務必執行最後一個步驟**，銷毀應用程式的資源**，以免 AWS 您的帳戶產生非預期的成本。