在前端开发中，我们经常需要在 web 应用中集成 Cordova，并将应用打包成可安装的移动应用程序，以便发布到应用商店。generator-polymer-init-cordova-1.x npm 包就是为了帮助我们轻松地实现这个目标而创建的。
安装
在开始使用之前，我们需要先写一个基于 Polymer 的 web 应用，并确保电脑上已经安装了以下软件：
- Node.js（建议安装最新版）
- NPM（安装最新版即可）
- Git
接下来，可以使用以下 npm 命令安装 generator-polymer-init-cordova-1.x：
npm install -g generator-polymer-init-cordova-1.x
安装成功后，我们就可以使用这个 npm 包来为我们的应用程序创建 Cordova 项目了。
使用
首先，我们需要进入我们的 Polymer 项目所在的目录，然后执行以下命令：
polymer init这个命令会启动 Polymer CLI，然后会有一个选择菜单，我们需要选择 "seed" 选项，这个选项是创建一个新的、基于 Polymer 库的应用程序。选择完之后，我们还需要配置一些选项，例如应用程序的名称、应用程序的包名、应用程序的描述等等。
接下来，我们可以使用以下命令来创建 Cordova 项目：
polymer init cordova-1.x
这个命令会使用 generator-polymer-init-cordova-1.x npm 包为我们创建 Cordova 项目，这个 npm 包实际上是基于 Cordova CLI 进行封装的。在创建 Cordova 项目时，我们还需要输入一些选项，例如平台（Android、iOS 或者是 Windows Phone）、应用程序的图标等等。
创建成功之后，我们就可以使用以下命令来编译和运行我们的 Cordova 应用程序了：
npm run build-cordova
这个命令会自动执行以下操作：
- 编译 Polymer 应用程序。
- 将编译后的文件复制到 Cordova 项目中。
- 使用 Cordova CLI 编译生成移动应用程序。
- 打开默认的移动应用程序平台（例如在 Android 平台上，就会自动打开 Android Studio 并加载生成的应用程序）。
在运行命令之后，我们就可以在移动设备上看到我们的应用程序了。
示例代码
以下是一个使用 generator-polymer-init-cordova-1.x 的示例：
-- -------------------- ---- ------- - -- ---------------------------------- --- ------- -- ---------------------------------- - -- ------- ------ -- -------------- - --- ------- ---- ------- ---- - -- ------- -- ------- ---- ----------- - ----- ------- ---- --- --- -------------展开代码
结论
在本文中，我们介绍了如何使用 generator-polymer-init-cordova-1.x npm 包将 Polymer 应用程序转化为 Cordova 应用程序。尽管本文只是提供了一个简单的入门教程，但是 generator-polymer-init-cordova-1.x 能够轻松地帮助我们开发出高质量的 Cordova 应用程序，因为它充分利用了 Polymer 库强大的特性，并提供了完整的 Cordova 集成解决方案。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056be481e8991b448e59b5
