Polymerjs创建一个应用程序项目创建应用程序|Polymerjs

本文概述

应用项目架构
设置基本的App项目
应用项目布局
运行你的Polymer App

Polymer CLI可帮助你使用多个应用程序模板之一来初始化项目文件夹。 CLI带有一个基本模板, 这是基于Polymer的应用程序的最基本起点。
应用项目架构 Polymer应用程序项目遵循应用程序外壳体系结构。

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

下图显示了一个简单应用程序的组件：

文章图片
设置基本的App项目 1.为你的应用程序项目创建目录。让我们将其命名为” 我的应用程序” 。

mkdir my-application

2.导航到该目录。

cd my-application

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

polymer init

文章图片
4.选择应用程序
在这里, 我们选择了Polymerjs 2.0应用程序。

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

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

文章图片
输入你的应用说明。

文章图片
现在, Polymer CLI将为你的应用程序生成文件和目录, 并将安装项目的依赖项。
应用项目布局在初始化过程之后, Polymer CLI会生成以下文件和目录。

bower.jsonindex.htmlmanifest.jsonpolymer.jsonREADME.mdsrc\my-first-application-app\my-first-application-app.htmltest\my-first-application-app\my-first-application-app_test.html

运行你的Polymer App 执行以下命令以运行你的Polymer应用程序。
【Polymerjs创建一个应用程序项目】Polymerjs 发球