使用 generator-polymer-init-twc-app 创建 TWC 应用

阅读时长 3 分钟读完

如果你想使用 Polymer 来创建一个 TWC(Twitter Web Components)应用,那么 generator-polymer-init-twc-app 就是你需要的 npm 包。在这篇文章中,我们将告诉你如何使用这个包来创建一个 TWC 应用以及如何进行开发和部署。

环境要求

在开始之前,你需要确认你的开发环境已经满足以下要求:

  • Node.js >= 8.0.0
  • npm >= 5.3.0

如果你的环境不满足以上要求,你可以通过以下链接下载并安装它们:

安装 generator-polymer-init-twc-app

要安装 generator-polymer-init-twc-app,你可以使用 npm install 命令:

npm 会自动下载并安装这个包。

创建 TWC 应用

完成安装之后,你可以通过以下命令来创建一个 TWC 应用:

这个命令将会创建一个名为 my-twc-app 的文件夹,这个文件夹包含了一个基本的 TWC 应用。

开始开发

进入 my-twc-app 文件夹,你可以看到以下结构:

-- -------------------- ---- -------
-----------
--- -----
-   --- --------
-   --- ----------
-   --- -------------
--- ----
-   --- -----------
-   -   --- -------------
-   -       --- ----------------
-   -       --- ---------------
-   -       --- --------------------
-   --- ------
-   -   --- ----------
-   -   --- -----------
-   -   --- --------
-   --- ------
--- ------------

src 文件夹下,你可以编辑 app.js 文件来修改应用的入口逻辑。此外,你可以在 components 文件夹下创建自己的组件。

redux 文件夹下,你可以修改 actions.jsreducers.jsstore.js 来添加 Redux 支持。如果你不熟悉 Redux,可以查阅它的官方文档。

在里面也可以添加其他的依赖库,例如 jQuery 和 Lodash 等。只需要像普通的 Node.js 项目一样添加它们即可。

运行应用

运行以下命令来启动应用:

这个命令将会启动应用,并在 localhost:8080 上开启一个服务器。打开浏览器并访问该地址,你就可以看到在 demo 文件夹下所创建的根页面。

构建应用

在开发完成之后,你可以运行以下命令来构建应用:

这个命令将会在 build 文件夹下生成一个构建版本的应用。你可以将这个版本部署到服务器上。

总结

到此,你已经学习了如何使用 generator-polymer-init-twc-app 来创建一个 TWC 应用,并进行了相应的开发和部署。希望这篇文章能够帮助你更好地了解 TWC 和 Polymer,并使你的开发更加顺畅。如果你对 Polyer 和 TWC 感兴趣,可以查阅官方文档。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60056bf681e8991b448e5aa9

纠错
反馈