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 嵌入到网页中，自定义它以适应您的用例。例如，Future 教程包含多个标记为示例和练习的嵌入式 DartPad。

有关嵌入 DartPad 的技术细节，请参阅 DartPad 嵌入指南。

除非另有说明，否则本网站上的文档反映了 Dart 3.7.1。页面最后更新于 2024-06-10。 查看源代码 或 报告问题。