GWT Polymer Elements 项目使用教程

1. 项目的目录结构及介绍

目录结构

gwt-polymer-elements/
├── demo/
├── lib/
│   └── com/
│       └── vaadin/
│           └── polymer/
├── .gitignore
├── LICENSE.md
├── README.md
├── bower.json
├── package.json

目录介绍

• demo/: 包含项目的演示代码。
• lib/: 包含项目的主要代码库，特别是 com/vaadin/polymer/ 目录下包含了与 Polymer 元素相关的 Java 包装类。
• .gitignore: Git 版本控制忽略文件。
• LICENSE.md: 项目许可证文件。
• README.md: 项目说明文档。
• bower.json: Bower 包管理配置文件。
• package.json: npm 包管理配置文件。

2. 项目的启动文件介绍

启动文件

项目的启动文件通常是指用于初始化和配置项目运行的文件。在 gwt-polymer-elements 项目中，虽然没有明确的“启动文件”，但可以通过以下文件进行项目的基本配置和启动：

• bower.json: 用于管理前端依赖。
• package.json: 用于管理 Node.js 依赖和脚本。

启动步骤

1. 安装依赖:

   npm install
   bower install
   

2. 运行项目: 根据项目提供的脚本命令进行启动，通常在 package.json 中定义。

3. 项目的配置文件介绍

配置文件

• bower.json:

  {
    "name": "vaadin-gwt-polymer-elements",
    "version": "1.9.3",
    "dependencies": {
      "polymer": "Polymer/polymer#^1.9.1",
      "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.24"
    }
  }
  

• package.json:

  {
    "name": "vaadin-gwt-polymer-elements",
    "version": "1.9.3",
    "scripts": {
      "start": "gulp serve"
    },
    "dependencies": {
      "gulp": "^3.9.1"
    }
  }
  

配置文件介绍

• bower.json: 定义了项目的前端依赖，如 Polymer 和 webcomponentsjs。
• package.json: 定义了项目的 Node.js 依赖和脚本命令，如 gulp 用于任务自动化。

通过这些配置文件，可以管理项目的依赖和启动流程，确保项目能够正确运行。