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. 使用顶部菜单中的 Samples 按钮，选择一个 Flutter 示例，如 Sunflower。

   呈现的输出显示在右侧。

要创建简单的命令行应用程序，请先创建一个新的代码片段

1. 单击 New 按钮，并确认你要放弃对当前代码片段的更改。

2. 单击带有 Dart 徽标的条目。

3. 更改代码。 例如，将 main() 函数更改为包含此代码

   dart

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

   在你键入时，DartPad 会显示提示、文档和自动完成建议。

4. 单击 Format 按钮。

   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。 查看源代码 或 报告问题。