Dart 官方开源的在线编辑器,还能跑 Flutter

Posted 程序员大咖

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Dart 官方开源的在线编辑器,还能跑 Flutter相关的知识,希望对你有一定的参考价值。

👇👇关注后回复 “进群” ,拉你进程序员交流群👇👇

作者丨小集

来源丨小集(ID:zsxjtip)

DartPad

地址:https://github.com/dart-lang/dart-pad

⭐️:1.3k

语言:Dart

官网:https://dartpad.dev/

DartPad 是一个免费的开源在线编辑器,可帮助开发人员了解 Dart 和 Flutter。

DartPad 最初是由 Dart 工具团队于 2015 年构建的 Dart 语言在线 Playground。它可以编译、分析和显示 Dart 代码的结果,并且可以作为 iframe 嵌入到其他网站中。

在 2019 年 12 月,Dart 工具团队推出了新版本的 DartPad (dartpad.dev),让这个工具有了全新的外观和对流行的 Flutter UI 工具包的支持。可以直接在浏览器中运行 Dart 程序,还可以运行 Flutter 应用程序。

创建新项目

要用 DartPad 创建一个新的 Flutter 项目,可以打开 https://dartpad.dev/ 页面,然后单击顶部的 New Pad 按钮并选择 Flutter

编辑器中会有一些启动代码,我们可以运行它。当 DartPad 看到我们在使用 package:flutter 时,就会出现一个面板来显示 UI。也可以使用右上角的 Samples 菜单查找 Flutter 示例。

DartPad 的特点

Flutter 的所有核心库,例如 cupertinomaterial 都可以使用,并且 DartPad 可以显示它们的文档。选择一个符号以查看底部面板中的文档。

DartPad 使用 Dart 格式化程序 (dartfmt) 格式化代码,并且提供帮助文档,提供修复,建议自动完成,并显示错误和警告。

当我们准备好分享代码片段时,可以创建一个 GitHub gist 并将 gist ID 放在如下 URL 中:https://dartpad.dev/<GistID>。我们可以在 bug reportStackOverflow 或其它一些社交媒体平台上共享此链接。

我们也可以将 DartPad 嵌入到页面中,就像在这个 https://docs.flutter.dev/codelabs/layout-basics 这个页面中一样。嵌入式 DartPads 特别适合用于文章、代码实验室和教程。具体的操作指南可以参考 https://github.com/dart-lang/dart-pad/wiki/Embedding-Guide

-End-

最近有一些小伙伴,让我帮忙找一些 面试题 资料,于是我翻遍了收藏的 5T 资料后,汇总整理出来,可以说是程序员面试必备!所有资料都整理到网盘了,欢迎下载!

点击👆卡片,关注后回复【面试题】即可获取

在看点这里好文分享给更多人↓↓

以上是关于Dart 官方开源的在线编辑器,还能跑 Flutter的主要内容,如果未能解决你的问题,请参考以下文章

没有了 main 函数,程序还能跑吗?

没有了 main 函数,程序还能跑吗?

微软开源在线代码编辑器——Monaco Editor

微软开源在线代码编辑器——Monaco Editor

微软开源在线代码编辑器——Monaco Editor

团队协作三OnlyOffice 实现文件在线预览和编辑