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 範例，例如「向日葵」。

   轉譯的輸出會顯示在右側。

若要建立簡單的命令列應用程式，請先建立新的程式碼片段

1. 按一下「新增」按鈕，並確認您要捨棄目前 pad 的變更。

2. 按一下具有 Dart 標誌的項目。

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

   dart

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

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

4. 按一下「格式化」按鈕。

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

5. 執行您的應用程式。

6. 如果您在輸入程式碼時碰巧沒有任何錯誤，請嘗試引入一個錯誤。

   例如，如果您將 split 變更為 spit，您會在視窗的右下角收到警告。如果您執行應用程式，則會在主控台中顯示編譯錯誤。

DartPad 支援的語言功能和 API 取決於 DartPad 目前使用的 Dart SDK 版本。您可以在 DartPad 的右下角找到此 SDK 版本。

您可以將 DartPad 嵌入網頁中，自訂它以符合您的使用案例。例如，futures 教學課程包含多個標示為範例和練習的嵌入式 DartPad。

如需嵌入 DartPad 的技術詳細資訊，請參閱DartPad 嵌入指南。

除非另有說明，否則本網站上的文件反映的是 Dart 3.6.0。頁面上次更新於 2024-06-10。檢視來源或回報問題。