第一个Polymer应用 - (0)准备工作

简介: 原文链接:  Getting Started - Your first Polymer application翻译时间: 2014年7月5日翻译人员: 铁锚关于Polymer 的简介,请参考 CSDN资讯: [开源推荐]Google新的Web UI库:Polymer在本教程中,您将构建一个小型的Polymer应用 —— 一个非常简单的社交网络服务客户端。
原文链接:   Getting Started - Your first Polymer application
翻译时间: 2014年7月5日
翻译人员: 铁锚

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

在本教程中,您将构建一个小型的Polymer应用 —— 一个非常简单的社交网络服务客户端。 最终效果图如下所示:

图1 最终效果图

本项目会向您介绍 Polymer 大部分关键的概念。 如果你有什么不理解的地方也没关系。教程中出现的每一个概念在Polymer文档中都有详细的描述。

开始之前: 下载示例项目

首先,下载starter项目。 这个starter项目包括所有你需要的Polymer库和依赖。
Download Starter Project
因为功夫王的存在,官方的文档经常被强,所以也可以到CSDN下载 (2014年7月5日版本) polymer-tutorial-master.zip 
将下载的示例项目解压到本地磁盘的某个地方。(如 F:\STUDY\polymer-tutorial-master )
示例项目不仅包含初始版本的项目,还含有增量版本的项目代码。 如果遇到什么问题,可以随时检查你的代码哪里有不一致的地方。

你需要有一个基本的HTTP服务器来支撑你的页面。 

如果已经安装了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

启动服务器以后,打开浏览器,输入本地服务器的地址。 对于 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结构


目录
相关文章
|
1月前
|
自然语言处理 关系型数据库 MySQL
PHP编程入门:构建你的第一个网页应用
【10月更文挑战第29天】本文旨在引导初学者步入PHP编程的世界,通过深入浅出的方式介绍PHP的基础知识,并指导读者如何动手实践,搭建一个简单的网页应用。文章不仅涉及PHP代码的编写,还包括了环境配置、项目结构设计以及前后端交互的基本概念。适合对Web开发感兴趣且希望快速入门的朋友阅读。
43 0
|
前端开发
前端学习笔记202307学习笔记第六十天-react源码-commit的第一个子阶段3
前端学习笔记202307学习笔记第六十天-react源码-commit的第一个子阶段3
52 0
|
前端开发
前端学习笔记202307学习笔记第六十天-react源码-commit的第一个子阶段
前端学习笔记202307学习笔记第六十天-react源码-commit的第一个子阶段
48 0
|
前端开发
前端学习笔记202307学习笔记第六十天-react源码-commit的第一个子阶段2
前端学习笔记202307学习笔记第六十天-react源码-commit的第一个子阶段2
44 0
|
Cloud Native Java API
开发第一个gPRC的开发
开发第一个gPRC的开发
66 0
|
前端开发
前端学习笔记202307学习笔记第六十天-react源码-commit的第三个子阶段4
前端学习笔记202307学习笔记第六十天-react源码-commit的第三个子阶段4
51 0
|
前端开发
前端学习笔记202307学习笔记第六十天-react源码-commit的第三个子阶段3
前端学习笔记202307学习笔记第六十天-react源码-commit的第三个子阶段3
43 0
|
前端开发
【React工作记录五十二】react对数组进行展开显示
【React工作记录五十二】react对数组进行展开显示
127 0
|
前端开发
【React工作记录五十七】添加按钮的两种方式
【React工作记录五十七】添加按钮的两种方式
162 0
|
前端开发
#yyds干货盘点 【React工作记录三十五】ant design中默认回调加入参数
#yyds干货盘点 【React工作记录三十五】ant design中默认回调加入参数
84 0