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. 点击 **新建** 按钮，并确认您要放弃对当前代码段的更改。

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.5.3。页面上次更新于 2024-06-10。 查看源代码 或 报告问题。