DartPad
DartPad 是一个 开源工具,可让您在任何现代浏览器中玩转 Dart 语言。本网站中的许多页面(尤其是教程)都嵌入了 DartPad。要将 DartPad 作为独立的网页打开,请访问 DartPad 网站 (dartpad.dev)。
以下是配置为运行 Dart 的 DartPad 的外观
库支持
#DartPad 支持标记为多平台的 dart:*
核心库。在编写 Flutter 应用时,DartPad 还支持 package:flutter
和 dart:ui
库。
DartPad 不支持延迟加载或使用来自 pub.dev 包仓库的包,除了当前支持的包。
入门
#要熟悉 DartPad,请尝试运行一些示例并创建一个简单的命令行应用。
打开 DartPad 并运行示例
#转到 DartPad。
Dart 代码显示在左侧,输出的位置显示在右侧。
使用顶部菜单中的 Samples 按钮,选择一个 Flutter 示例,例如 Sunflower。
渲染的输出显示在右侧。
创建命令行应用
#要创建一个简单的命令行应用,首先创建一个新的代码片段
单击 New 按钮,并确认您要放弃对当前编辑器的更改。
单击带有 Dart 标志的条目。
更改代码。例如,将
main()
函数更改为包含以下代码dartfor (final char in 'hello'.split('')) { print(char); }
在您键入时,DartPad 会显示提示、文档和自动完成建议。
单击 Format 按钮。
DartPad 使用 Dart 格式化程序来确保您的代码具有正确的缩进、空格和换行。
运行您的应用。
如果您在输入代码时碰巧没有任何错误,请尝试引入一个错误。
例如,如果您将
split
更改为spit
,您会在窗口的右下角收到警告。如果您运行该应用,则控制台中会出现编译错误。
检查 Dart 版本信息
#DartPad 支持的语言特性和 API 取决于 DartPad 当前正在使用的 Dart SDK 版本。您可以在 DartPad 的右下角找到此 SDK 版本。
在网页中嵌入 DartPad
#您可以将 DartPad 嵌入到网页中,自定义它以适应您的用例。例如,Future 教程包含多个标记为示例和练习的嵌入式 DartPad。
有关嵌入 DartPad 的技术细节,请参阅 DartPad 嵌入指南。
除非另有说明,否则本网站上的文档反映了 Dart 3.7.1。页面最后更新于 2024-06-10。 查看源代码 或 报告问题。