DartPad

DartPad 是一個開源工具，讓您可以在任何現代瀏覽器中體驗 Dart 語言。本站的許多頁面——特別是教程，都包含嵌入式 DartPad。要以獨立網頁形式開啟 DartPad，請訪問 DartPad 網站 (dartpad.dev)。

以下是配置為執行 Dart 的 DartPad 的外觀

DartPad 支援標記為多平臺的 dart:* 核心庫。在編寫 Flutter 應用時，DartPad 還支援 package:flutter 和 dart:ui 庫。

DartPad 不支援延遲載入或使用 pub.dev 包倉庫中的包，但當前支援的包除外。

要熟悉 DartPad，請嘗試執行一些示例並建立一個簡單的命令列應用。

1. 訪問 DartPad。

   Dart 程式碼顯示在左側，輸出區域顯示在右側。

2. 使用頂部選單中的示例按鈕，選擇一個 Flutter 示例，例如Sunflower。

   渲染的輸出顯示在右側。

要建立簡單的命令列應用，請首先建立一個新片段

1. 點選新建按鈕，並確認要放棄對當前 pad 的更改。

2. 點選帶有 Dart 徽標的條目。

3. 更改程式碼。例如，將 main() 函式更改為包含此程式碼：

   dart

   for (final char in 'hello'.split('')) {
     print(char);
   }

   當您輸入時，DartPad 會顯示提示、文件和自動完成建議。

4. 點選格式化按鈕。

   DartPad 使用 Dart 格式化程式來確保您的程式碼具有正確的縮排、空格和換行。

5. 執行您的應用。

6. 如果您在輸入程式碼時沒有發現任何 bug，請嘗試引入一個 bug。

   例如，如果您將 split 更改為 spit，視窗右下角會顯示警告。如果您執行該應用，控制檯中會出現編譯錯誤。

DartPad 支援的語言特性和 API 取決於 DartPad 當前使用的 Dart SDK 版本。您可以在 DartPad 視窗右下角找到此 SDK 版本。

您可以在網頁中嵌入 DartPad，並根據您的用例進行自定義。例如，Future 教程包含多個嵌入式 DartPad，標記為示例和練習。

有關嵌入 DartPad 的技術詳情，請參閱 DartPad 嵌入指南。