DartPad.dev 全面升级，现已支持 Flutter
作者 / John Ryan
近日，DartPad.dev 迎来重要升级。除了全新的界面设计和使用体验之外，本次更新还为广受开发者欢迎的 Flutter UI 工具包添加了支持。DartPad 是我们推出的一款在线编辑器，它能够直接在浏览器中运行 Dart 程序。从今天开始，开发者还可以通过 DartPad 运行 Flutter 应用。
-
DartPad.dev
https://dartpad.dev/
-
Flutter
https://flutter.dev/
即刻构筑精彩
如需创建一个新的 Flutter 项目，请点击 New Pad 按钮并选择 Flutter。
该步骤在编辑器内添加并运行了几段初始代码 (starter code)。一旦 DartPad 发现您正在使用 package:flutter，界面内就会出现一个用于显示 UI 的面板。或者，您也可以在 Samples 菜单中搜索 Flutter 示例应用。
特性
开发者可自由使用所有的 Flutter 核心库，例如 cupertino 和 material，并在 DartPad 内查看这些库的文档。请选择一个符号 (symbol) 然后在底部面板查看相关文档。
DartPad 使用 Dart 格式化器 (dartfmt) 来格式化您的代码，此外，它还会为您提供协助、修复和代码自动补全建议，并显示错误和警告信息。
当您需要分享代码片段，请先创建一个 GitHub gist，然后再在 URL 地址中添加 gist ID (示例: https://dartpad.dev/<GistID>)。您可以通过多种渠道分享该链接，例如错误报告、StackOverflow 问题或社交平台。请参阅《分享指南》了解更多信息。
您也可以在网页内嵌入 DartPad，比如说我们在这个 codelab 页面中就使用了 DartPad。嵌入式 DartPad 特别适合用来处理文章、codelab 和教程等用例。(如果您有兴趣学习如何在 codelab 和教程中使用 DartPad，请阅读《DartPad 在教程中的最佳实践》)。有关嵌入式 DartPad 的具体技术细节，请参阅《DartPad 嵌入指南》。
-
cupertino
https://api.flutter.dev/flutter/cupertino/cupertino-library.html
-
material
https://api.flutter.dev/flutter/material/material-library.html
-
dartfmt
https://github.com/dart-lang/dart_style
-
创建一个 GitHub gist
https://help.github.com/en/github/writing-on-github/creating-gists
-
分享指南
https://github.com/dart-lang/dart-pad/wiki/Sharing-Guide
-
这个 codelab 页面
https://flutter.dev/docs/codelabs/layout-basics
-
DartPad 在教程中的最佳实践
https://dart.dev/resources/dartpad-tutorials.pdf
-
DartPad 嵌入指南
https://github.com/dart-lang/dart-pad/wiki/Embedding-Guide
感谢您的支持！
DartPad 是 Dart 开源项目的一部分。十分感谢大家提交有关 DartPad 的错误报告和变更，帮助我们打造更好的产品。欢迎各位开发者前往 github.com/dart-lang/dart-pad，贡献您的代码。
如果您想了解如何在 web 平台上运行 Flutter，请前往 flutter.dev/web。
-
Dart 开源项目
https://github.com/dart-lang
-
错误报告
https://github.com/dart-lang/dart-pad/issues
期待您的精彩作品！
Flutter 开发者社区中文资源: https://flutter.cn
点击屏末 | 阅读原文 | 即刻开启 Flutter 跨平台开发之旅
想了解更多 Flutter 内容？
在公众号首页发送关键词 "Flutter"，获取相关历史技术文章；
还有更多疑惑？欢迎点击菜单 "联系我们" 反馈您在开发过程中遇到的问题。
推荐阅读