dev代码自动补全_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/ )。您可以通过多种渠道分享该链接，例如错误报告、StackOverflow 问题或社交平台。请参阅《 分享指南 》了解更多信息。 您也可以在网页内嵌入 DartPad，比如说我们在 这个 codelab 页面 中就使用了 DartPad。嵌入式 DartPad 特别适合用来处理文章、codelab 和教程等用例。(如果您有兴趣学习如何在 codelab 和教程中使用 DartPad，请阅读 《DartPad 在教程中的最佳实践》 )。有关嵌入式 DartPad 的具体技术细节，请参阅 《DartPad 嵌入指南》 。

• cupertinohttps://api.flutter.dev/flutter/cupertino/cupertino-library.html
• materialhttps://api.flutter.dev/flutter/material/material-library.html
• dartfmthttps://github.com/dart-lang/dart_style
• 创建一个 GitHub gisthttps://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"，获取相关历史技术文章；

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

推荐阅读

---