Dart Web Components教程或示例

时间:2012-10-30 22:36:31

标签: dart

我非常喜欢Dart中的Web组件。我查看了包含不同示例的网页,并希望尝试一下。

但是,如果我尝试页面上的任何样本(例如helloworld示例),只需在我的dart编辑器中粘贴它,它就不起作用了。 TodoMVC应用程序可以正常工作,但是对于所有这些文件而言,运行一个页面应用程序似乎相当混乱,虽然它是一个完全正常运行的应用程序的一个很好的例子,但它并不是一个很好的学习起点。

作为飞镖的新手,我不知道如何开始自己使用Web Components。如果在“Web组件”页面上有一个非常简单的教程,它将向您展示如何从头开始使用Web组件创建一个非常简单的应用程序。

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

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

4 个答案:

答案 0 :(得分:2)

答案 1 :(得分:1)

我认为你缺少的链接是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!

答案 2 :(得分:1)

我使用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 :(得分:1)

您好我正在开始Google Dart的初学者指南。请检查我的网站,这是一个有效的进展,但我希望它能帮助一些人开始。它专为没有编程知识的人设计。

http://www.dart-tutorials.co.uk/