本指南旨在使用动手方法来证明WordPress中块开发的基本原理。遵循以下步骤，您将创建一个自定义块插件，该插件在几分钟之内使用现代JavaScript（ESNEXT和JSX）。该示例块显示版权符号（©）和本年度，这是任何网站页脚的完美补充。您可以通过此简短的视频演示看到这些行动中的这些步骤。
脚手架块插件
首先确保您有node.js和npm安装在计算机上。查看 Node.js开发环境 指南如果不是。
接下来，使用 @wordpress/create-block 包和 @wordpress/create-block-tutorial-template 模板为完整的“版权日期块”插件进行脚克。
create-block几乎在任何地方脚打个街区，然后使用 wp-env 在生成的插件文件夹中。这将在安装和激活的新块插件中创建本地WordPress开发环境。如果您已经有自己的 本地WordPress开发环境，导航到
plugins/文件夹使用端子。选择要创建插件的文件夹，然后从该文件夹中执行以下命令：
npx @wordpress/create-block copyright-date-block --template @wordpress/create-block-tutorial-template
这slug假如 （copyright-date-block）定义脚手架插件和内部块名称的文件夹名称。
导航到您本地WordPress安装的插件页面，并激活“版权日期块”插件。然后，示例块将在编辑器中可用。
基本用法
通过激活插件，您可以探索块的工作原理。使用以下命令进入新创建的插件文件夹并启动开发过程。
cd copyright-date-block && npm start
什么时候create-block脚手架，安装wp-scripts并将最常见的脚本添加到该块的package.json文件。参考 开始使用WP-Scripts 文章介绍此软件包。
这npm start命令将启动开发服务器，并注意块代码的更改，每当进行修改时重建块。
完成更改后，运行npm run build命令。这样可以优化块代码，并准备生产。
查看行动中的块
您可以使用任何本地WordPress开发环境来测试您的新块，但是脚手架的插件包含配置wp-env。你必须有 Docker 已经在计算机上安装并运行了，但是如果您这样做，请运行npx wp-env start命令。
脚本完成后，您可以访问当地环境：http://localhost:8888。使用用户名登录WordPress仪表板admin和密码password。该插件将已经安装和激活。打开编辑器或站点编辑器，并像其他任何块一样插入版权日期块。
参观 入门 了解更多有关有关的指南wp-env。