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"，获取相关历史技术文章；
  

• 还有更多疑惑？欢迎点击菜单 "联系我们" 反馈您在开发过程中遇到的问题。

推荐阅读

---