本指南将帮助您设置正确的开发环境,以创建块和其他插件,以扩展和修改WordPress中的块编辑器。

块开发环境包括您在计算机上需要成功开发块编辑器的工具。这三个基本要求是:

  1. 代码编辑器
  2. Node.js开发工具
  3. 本地WordPress环境(网站)
为了为Gutenberg项目本身做出贡献,请参阅 代码贡献指南

代码编辑器

代码编辑器用于编写代码。您可以使用最适合的编辑器。关键是有一种打开,编辑和保存文本文件的方法。

如果您还没有首选的代码编辑器,Visual Studio代码(VS代码)是核心贡献者中JavaScript开发的流行选择。它在三个主要平台(Windows,Linux和Mac)的开源良好,并且由Microsoft积极维护。VS代码还具有一个充满活力的社区,提供插件和扩展名,包括许多用于WordPress开发的社区。

Node.js开发工具

node.js(node)是一个开源运行时环境,可让您在Web浏览器外执行JavaScript。尽管所有WordPress JavaScript开发并不需要Node.js,但在使用现代JavaScript工具并为Block编辑器开发时,至关重要。

Node.js及其随附的开发工具使您可以:

  • 安装和运行块编辑器开发所需的WordPress软件包,例如wp-scripts
  • 设置本地WordPress环境wp-envwp-now
  • 使用最新的ecmascript功能并在Esnext中编写代码
  • 棉绒,格式和测试JavaScript代码
  • 脚手架自定义块与create-block包裹

列表继续。尽管现代JavaScript开发可能具有挑战性,但WordPress提供了多种工具,例如 wp-scriptscreate-block,它简化了该过程,并通过node.js开发工具实现了。

推荐的node.js版本用于块开发 活性LTS(长期支持)。但是,有时您需要使用不同的版本。node.js版本管理器类似nvm强烈建议您更改node需要时版本。您还需要Node软件包管理器(npm)和节点软件包执行(npx)使用一些WordPress软件包。两者都是使用Node.js自动安装的。

能够使用node.js工具和 WordPress提供的软件包 对于块开发,您需要在计算机上设置一个适当的node.js运行时环境。要了解有关如何执行此操作的更多信息,请参阅下面的链接。

本地WordPress环境

本地WordPress环境(站点)提供了一个受控,高效且安全的开发空间,使您可以在将代码部署到生产站点之前构建和测试。相同 要求 对于WordPress,适用于本地站点。

在更广泛的WordPress社区中,许多工具可用于在计算机上设置本地WordPress环境。块编辑手册封面wp-env,它是由WordPress项目本身维护的开源和维护的。这也是Gutenberg开发的推荐工具。

参考 开始wp-env 设置说明指南。

在整本手册中,您可能还会看到参考wp-now。这是一个由 WordPress操场 这简化了设置一个简单的本地WordPress环境。尽管仍在实验中,但此工具非常适合快速测试WordPress版本,插件和主题。

此列表并不详尽,但是如果您不想使用,这里有几个其他选择wp-env

By zhuon

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注