创建一个 App 项目

17 Mar 2025 | 阅读 2 分钟

Polymer CLI 方便你使用几种应用程序模板之一初始化项目文件夹。该 CLI 附带一个基本模板,这是基于 Polymer 的应用程序的最基本起点。

应用项目架构

Polymer 应用项目遵循应用 Shell 架构。

  • 第一: 应用程序的主要入口点,从每个有效的路由提供服务。该文件应该很小,因为它将从不同的 URL 提供服务,因此会被多次缓存。入口点中的所有资源 URL 都需要是绝对的,因为它可能从非顶级 URL 提供服务。
  • 第二: Shell 或应用 Shell,它包括顶级应用程序逻辑、路由器等等。
  • 第三: 这些是应用程序的片段。片段可以表示特定视图的代码,或者可以延迟加载的其他代码(例如,主应用程序中首次绘制不需要的部分,例如在用户与应用程序交互之前不显示的菜单)。 Shell 负责根据需要动态导入片段。

下图显示了一个简单应用程序的组成部分

Create an App Project

设置基本应用项目

1. 为你的应用项目创建一个目录。 让我们将其命名为“my-application”。

2. 导航到该目录。

3. 初始化你的应用项目。

polymer app1

4. 选择应用程序

这里我们选择了一个 polymer 2.0 应用程序。

polymer app2

输入应用程序的名称。 默认为当前目录的名称。 在这里,我们选择了名称“my-first-application”。

polymer app3

输入项目中主元素的名称。 主元素是应用程序的最高级别元素。 默认为当前目录的名称,后跟 -app。 在这里,我们选择了默认名称。

polymer app4

输入应用程序的描述。

polymer app5

现在,Polymer CLI 将为你的应用程序生成文件和目录,并将安装你项目的依赖项。

应用项目布局

在初始化过程之后,Polymer CLI 会生成以下文件和目录。

运行你的 Polymer 应用

执行以下命令来运行你的 Polymer 应用。

polymer serve

polymer app8 polymer app9
下一主题Polymer CLI 命令