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

回答