第一個Polymer應用 - (0)準備工做

原文連接:   Getting Started - Your first Polymer application
翻譯時間: 2014年7月5日
翻譯人員: 鐵錨

關於Polymer 的簡單介紹,請參考 CSDN資訊: [開源推薦]Google新的Web UI庫:Polymerhtml

在本教程中,您將構建一個小型的Polymer應用 —— 一個很easy的社交網絡服務client。python

終於效果圖例如如下所看到的:git

圖1 終於效果圖

本項目會向您介紹 Polymer 大部分關鍵的概念。 假設你有什麼不理解的地方也不要緊。教程中出現的每一個概念在Polymer文檔中都有具體的描寫敘述。

開始以前: 下載演示樣例項目github

首先,下載starter項目。 這個starter項目包括所有你需要的Polymer庫和依賴。
Download Starter Project
因爲功夫王的存在,官方的文檔經常被強,因此也可以到CSDN下載 (2014年7月5日版本號) polymer-tutorial-master.zip 
將下載的演示樣例項目解壓到本地磁盤的某個地方。(如 F:\STUDY\polymer-tutorial-master )
演示樣例項目不只包括初始版本號的項目,還含有增量版本號的項目代碼。

假設遇到什麼問題,可以隨時檢查你的代碼哪裏有不一致的地方。web



你需要有一個主要的HTTPserver來支撐你的頁面。 瀏覽器

假設已經安裝了Python,則可以在starter工程解壓後的頂層文件夾執行如下命令:tomcat

(Linux下請忽略對應的CMD命令)
網絡

C:\Users\Administrator>
F:
cd F:\STUDY\polymer-tutorial-master
python -m SimpleHTTPServer 

假設是python 3 (Linux下請忽略對應的CMD命令):
C:\Users\Administrator>
F:
cd F:\STUDY\polymer-tutorial-master
python -m http.server

啓動server之後,打開瀏覽器,輸入本地server的地址。 對於 SimpleHTTPServer, 通常是: 
http://localhost:8000/

固然,也可以部署到 tomcat的webapps文件夾下,app

那麼,初始的頁面地址應該和如下差點兒相同:webapp

http://localhost:8080/polymer-tutorial-master/starter/index.html

假設想看完整版,那麼應該是如下的地址:

(可能響應會有點慢,預計緣由是引用了google的一個CSS文件,等待這個CSS載入失敗後應該也可以看到對應的效果)

http://localhost:8080/polymer-tutorial-master/finished/index.html

下一步: 

第一個Polymer應用 - (1)建立APP結構

相關文章
相關標籤/搜索