dart - Dart Web Components 教程或示例

Question

我真的很喜欢我在 Dart 中看到的 Web 组件。我查看了包含不同示例的网页，并很想尝试一下。

但是，如果我尝试页面上的任何示例（例如 helloworld 示例），只需将其粘贴到我的 dart 编辑器中，它就不起作用。TodoMVC 应用程序可以运行，但所有这些文件似乎很混乱，只是为了运行一个单页应用程序，虽然可以作为一个完全工作的应用程序的一个很好的例子，但它不是一个好的学习起点。

作为 dart 的新手，我不太清楚如何开始自己使用 Web 组件。如果在 Web Components 页面上有一个非常简单的教程，那将更好，向您展示如何从头开始使用 Web 组件创建一个非常简单的应用程序。

即使是 Hello World 应用程序也适用于此目的。

有人有一个很好的例子来说明如何在 dart 中使用 Web 组件吗？

score 2 · Accepted Answer

score 1 · Accepted Answer

我认为您缺少的链接是 build.dart。请参阅http://www.dartlang.org/articles/dart-web-components/tools.html上标有“编辑器后台编译”的部分。如该页面所述，有几个选项可以编译您的 Web 组件，但我发现 build.dart 是最直接的。

此 build.dart 脚本与一些 SDK 组件交互，因此您需要确保已将路径添加到系统中。在我的 OS X 机器上，我将它添加到我的 ~/.profile 文件中：

export PATH=$PATH:/Users/dave/dart/bin

！

score 1 · Accepted Answer

我写了一篇关于使用 Dart Web UI 库开始使用 Web 组件的教程。它是相当基础的，如果您之前没有太多使用 Web 组件的经验，它是一个很好的起点。该教程可以在以下位置阅读：

http://shailen.github.com/blog/2012/12/31/a-first-app-with-web-components-using-dart/

您应该下载并运行的代码位于：

https://github.com/shailen/bookstore

希望这可以帮助。

3 回答 3