第一个Polymer应用 - 准备工作

Posted 2020-09-16 gavanwanggw

原文链接:  Getting Started - Your first Polymer application
翻译时间: 2014年7月5日
翻译人员: 铁锚

关于Polymer 的简单介绍,请參考 CSDN资讯: [开源推荐]Google新的Web UI库：Polymer

在本教程中,您将构建一个小型的Polymer应用 —— 一个很easy的社交网络服务client。

终于效果图例如以下所看到的:

图1 终于效果图

本项目会向您介绍 Polymer 大部分关键的概念。 假设你有什么不理解的地方也没关系。教程中出现的每个概念在Polymer文档中都有具体的描写叙述。

開始之前: 下载演示样例项目

首先,下载starter项目。 这个starter项目包括全部你须要的Polymer库和依赖。
Download Starter Project
由于功夫王的存在,官方的文档常常被强,所以也能够到CSDN下载 (2014年7月5日版本号) polymer-tutorial-master.zip 
将下载的演示样例项目解压到本地磁盘的某个地方。(如 F:\STUDY\polymer-tutorial-master )
演示样例项目不仅包括初始版本号的项目,还含有增量版本号的项目代码。

假设遇到什么问题,能够随时检查你的代码哪里有不一致的地方。

你须要有一个主要的HTTPserver来支撑你的页面。 

假设已经安装了Python,则能够在starter工程解压后的顶层文件夹执行以下命令:

(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文件夹下,

那么,初始的页面地址应该和以下差点儿相同:

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

假设想看完整版,那么应该是以下的地址:

(可能响应会有点慢,预计原因是引用了google的一个CSS文件,等待这个CSS载入失败后应该也能够看到对应的效果)

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

下一步: 

第一个Polymer应用 - (1)创建APP结构