目录

DartPad

目录

DartPad 是一个 开源工具 ，允许您在任何现代浏览器中使用 Dart 语言。本网站的许多页面，尤其是 教程 ，都包含 嵌入式 DartPad 。要将 DartPad 作为独立网页打开，请访问 DartPad 网站 (dartpad.dev) {:target="_blank" rel="noopener"}。

以下是配置为运行 Dart 的 DartPad 的外观：

展示了 DartPad 中“Hello World”应用程序的外观

库支持

#

DartPad 支持标记为 多平台 的 dart:* 核心库 。在编写 Flutter 应用时，DartPad 还支持 package:flutter 和 dart:ui 库。

DartPad 不支持 延迟加载 或使用来自 pub.dev 包存储库的包，除了 当前支持的包 之外。

开始使用

#

要熟悉 DartPad，请尝试运行一些示例并创建一个简单的命令行应用程序。

打开 DartPad 并运行示例

#

  1. 前往 DartPad {:target="_blank" rel="noopener"}。

    Dart 代码显示在左侧，输出区域显示在右侧。

  2. 使用顶部菜单中的 示例 按钮选择一个 Flutter 示例，例如 向日葵 。

    渲染后的输出将显示在右侧。

创建命令行应用程序

#

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

  1. 点击 新建 按钮，并确认您要放弃对当前代码段的更改。

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

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

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

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

  4. 点击 格式化 按钮。

    DartPad 使用 Dart 格式化工具 来确保您的代码具有正确的缩进、空格和换行。

  5. 运行您的应用程序。

  6. 如果你在输入代码时没有出现任何错误，尝试引入一个错误。

    例如，如果您将 split 更改为 spit ，则会在窗口右下方看到警告。如果您运行该应用程序，则控制台中会出现编译错误。

检查 Dart 版本信息

#

DartPad 支持的语言特性和 API 取决于 DartPad 当前使用的 Dart SDK 版本。您可以在 DartPad 的右下方找到此 SDK 版本。

将 DartPad 嵌入网页

#

您可以将 DartPad 嵌入网页中，并根据您的用例进行自定义。例如， 期货教程 包含多个名为 示例 和 练习 的嵌入式 DartPad。

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

除非另有说明，否则本网站上的文档反映的是 Dart 3.6.0。页面最后更新于 2025-02-05。 查看源代码 或 报告问题.