chemdraw 聚合物_介绍用于聚合物开发的新工具

最新推荐文章于 2024-08-15 09:44:47 发布

dingshi7798

最新推荐文章于 2024-08-15 09:44:47 发布

阅读量259

点赞数

文章标签： java python vue 编程语言 javascript ViewUI

原文链接：https://www.sitepoint.com/introducing-new-tools-for-polymer-development/

版权

chemdraw 聚合物

Taulant Spahiu和Panayiotis Velisarakos对此文章进行了同行评审。 感谢所有SitePoint的同行评审员使SitePoint内容达到最佳状态！

去年9月，Google举行了2015年聚合物峰会。在这次会议期间，开发人员就Polymer带来的新事物提供了大量投入。 Polymer 1.0的发布时间较早，这增加了许多人对今年会议的期望。在今年的演讲者中，有一位Google工程师Addy Osmani ，他以对多个开源项目的重要贡献而闻名。

在他的演讲中，他介绍了一些已发布用于聚合物开发的新工具。这些工具提供了开发人员可能需要了解的有关Polymer开发的所有信息，而无需考虑先前的经验。我要介绍的许多工具都需要通过npm下载，然后可以直接在计算机的命令行中使用。
对于那些不了解Polymer是什么并且想要在阅读本文之前加深主题的人们，我建议您看一下以下资源：

聚合物入门套件

Polymer tarter kit 1.0允许开发人员立即启动并运行。它包括一个由Gulp提供支持的构建系统。结果，开发人员可以开始编写自己的代码，并在浏览器中观看其应用程序更新。如果我们检出该项目的存储库，则可以看到它的维护非常好，因为核心提交在页面顶部突出显示。 Polymer团队为开发人员提供了所有必要的文档，以帮助使用Polymer的新手感到舒适。

种子元素

种子元素项目为Polymer中的建筑元素提供了样板。但是，它并不止于此！ Seed元素会刮除Polymer的应用程序，并生成Polymer元素试图实现的不同功能的完整文档集。提供此功能的能力是在IronComponent的帮助下完成的。

下面我们看到一个存在于浏览器中的种子元素示例。此外，我们看到种子元素项目允许我们将视图从实际应用程序切换到用IronComponent元素生成的API文档。

MisBci4cL6

如果要签出种子元素项目的存储库，可以在此处找到。话虽如此，我们要做的就是运行以下命令，以便在我们的计算机上安装种子元素项目。

git clone https://github.com/polymerelements/seed-element && cd seed-element

保利

我们要看的下一个工具是Polyserve 。顾名思义，该应用程序可用于在浏览器中提供Polymer组件。在上面包含的GIF中，该应用程序用于服务种子元素应用程序。要安装此工具，我们可以运行以下命令。应该知道，我们需要在其后附加-g标志，因为我们需要全局访问它。

npm install -g polyserve

现在，如果进入之前克隆的seed-element目录，并运行命令polyserve ，我们将在上面的GIF中看到相同的结果。该工具与http-server npm模块极为相似。如您所见，它使使用Polymer入门变得异常容易。

Polyup

Polyup是一个非常令人印象深刻的工具，有助于缓解Addy Osmani所说的“元素内Gui”。这是由于花费大量时间在Polymer版本0.5中构建元素而产生的罪恶感，只是为了意识到与Polymer 1.0不兼容。令人难以置信的是，Polyup自动执行了“升级” Polymer 0.5代码的过程，使其与1.0兼容。 Polyup实际上会遍历您的文件，并使用正确的语法重新编写元素。对于那些有兴趣观看Polyup的工作原理实时示例的人，我建议访问PolymerLabs Github页面。此外，我们可以在下面看到此页面的屏幕截图。

Polyup屏幕截图

可以通过运行以下命令来安装Polyup：

npm install -g polyup

安装后，开发人员将可以使用Polyup命令行工具。通过运行polyup <filename.html>我们可以坐下来观察Polymer在升级组件，以便它们在1.0版中完全兼容。在谈到Polyup时，Addy Osmani提到了我将在下面包含的一小段代码。通过在Polymer项目中运行此代码块，Polyup将筛选项目中每个扩展名为.html的文件，并将所有这些文件升级到2.0版！

find . -name "*.html" -execdir polyup --overwrite "{}" \;

Web组件测试器

所有开发人员都知道测试是开发不可或缺的一部分。因此，不足为奇的是最近推出了Web Component Tester工具，以便开发人员可以轻松地测试Polymer组件。它是在mocha和Chai的基础上构建的， mocha和Chai是可使用的两种较流行的测试框架。结果，许多开发人员可以使用他们在这些测试套件中测试不同JavaScript框架所获得的知识来编写Polymer组件的测试。

与Polyup和Polyserve一样，可以通过运行以下命令通过npm下载此工具：

npm install -g web-component-tester

安装后，开发人员可以访问wct命令行工具。在Polymer项目中运行时，此命令将在test目录中的所有文件上运行。如果我们从种子元素存储库中检出文件夹结构，则可以看到存在此测试目录。

结论

Polymer团队已为Web开发领域提供了开始使用该框架构建应用程序所需的所有手段。除了这些工具之外，Addy Osmani还谈到了一些其他的东西，例如Vulcanize和Crisper ，它们在Polymer社区中非常受欢迎。如果您想观看他的演讲，或Polymer Polymer峰会上的其他演讲，则可以在会议的YouTube频道上找到它们。