Dart Web组件教程或示例

我真的很喜欢我用Dart中的Web组件看到的东西。我查看了包含不同示例的网页，并且很乐意尝试。Dart Web组件教程或示例

但是，如果我尝试页面上的任何样本（如helloworld示例），只需将其粘贴到我的飞镖编辑器中，它就不起作用。 TodoMVC应用程序的作品，但它似乎相当杂乱的所有这些文件只是为了运行一个页面的应用程序，而作为一个完整的工作应用程序的一个很好的例子，这不是一个好的起点学习。

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

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

有人有一个很好的例子，说明如何从飞镖中的Web组件开始？

2012-10-30 Andre

好了，有是有工具清单，并说明如何构建应用程序与Web组件使用一个额外的页面。这会帮助我现在继续，认为我仍然觉得在某个地方记录这个额外的步骤是个好主意。 – Andre

2012-10-30 22:55:25

第一个链接是。在我的文章中，我指的是该页面上的示例。他们都没有工作，这导致我认为有一些我缺少的先决条件，这是没有记录在那里。 – Andre

至于第二个链接，我现在要阅读该页面。 – Andre

啊，从你的第二个链接看来，Web组件在它工作之前需要被编译成实际的JS。它不能作为dartium中的“普通”飞镖代码工作，我正确吗？如果是这样，那就是我出错的地方。 – Andre

我想你的链接是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

HTH！

2012-10-31 18:19:55

我编写了一本关于使用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

希望这有助于。

2013-01-11 05:04:25

嗨我开始了一个初学者指南Google Dart。请检查我的网站，这是一个工作进展，但我希望它会帮助一些人开始。它专为没有编程知识的人设计。

2013-07-27 00:27:10

回答