本指南将帮助您设置正确的开发环境,以创建块和其他插件,以扩展和修改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-env
和wp-now
- 使用最新的ecmascript功能并在Esnext中编写代码
- 棉绒,格式和测试JavaScript代码
- 脚手架自定义块与
create-block
包裹
列表继续。尽管现代JavaScript开发可能具有挑战性,但WordPress提供了多种工具,例如 wp-scripts
和 create-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
: