Contents

DartPad

DartPad是一种开源工具,可让您在任何现代浏览器中使用Dart语言进行播放. 该站点中的许多页面(尤其是代码实验室 )都嵌入了DartPads . 要获得与浏览器窗口一样大的DartPad,请访问DartPad网站(dartpad.dev).

DartPad的外观如下:

DartPad Hello World

Library support

DartPad支持dart:*与Web应用程序一起使用的 ; 它不支持dart:io软件包中的. 如果要使用dart:io,请改用Dart SDK . 如果要使用软件包,请获取该软件包支持的平台的SDK.

Getting started

要熟悉DartPad,请尝试运行一些示例,然后创建一个简单的命令行应用程序.

Open DartPad, and run some samples

  1. 转到DartPad.

    样本出现在左侧,输出出现在右侧. 如果您以前玩过DartPad,则可以单击" 新建键盘"返回到原始样本.

  2. Click Run.

    该示例再次运行,更新输出.

  3. 使用右上方的Samples列表,选择一个类似Sunflower的HTML示例.

    同样,输出显示在右侧. 默认情况下,您会看到HTML输出-您在浏览器中会看到的内容.

  4. 单击CONSOLE以查看示例的控制台输出.

  5. 在左侧,单击HTML选项卡以查看示例的HTML标记.

Create a command-line app

要创建一个简单的命令行应用程序,请使用New Pad .

  1. 单击" 新建键盘"按钮,然后确认您要放弃对当前键盘的更改.

    Hello World应用程序的源代码显示在DART标签下.

  2. 清除DartPad右下方的" 显示Web内容"复选框.

    HTML和CSS选项卡消失.

  3. 更改代码. 例如,更改main()函数以包含以下代码:

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

    键入时,DartPad会显示提示,文档和自动完成建议.

  4. 单击格式按钮. DartPad使用Dart格式化程序来确保您的代码具有适当的缩进,空格和换行符.

  5. 运行您的应用.

  6. 如果在输入代码时碰巧没有任何错误,请尝试引入一个错误.

    例如,如果将split更改为spit ,则会在窗口底部和"运行"按钮中收到警告. 如果运行该应用程序,您将看到未捕获的异常的输出.

Checking Dart version info

DartPad支持的语言功能和API取决于DartPad所基于的Dart SDK版本. 您可以在DartPad的右下方找到SDK版本.

Embedding DartPad in web pages

您可以将DartPad嵌入网页中,对其进行自定义以适合您的目的. 例如, 期货代码实验室包含多个标记为示例练习的嵌入式DartPad.

有关如何使用嵌入式DartPad的更多信息,请参阅教程中的使用DartPad的最佳实践 .

有关嵌入DartPad的技术详细信息,请参阅DartPad嵌入指南.

by  ICOPY.SITE