gutenbergdocs/docs/how-to-guides/block-tutorial/README.md
2025-10-22 01:40:18 +08:00

11 lines
1.4 KiB
Markdown
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

# 区块
本教程旨在逐步讲解创建新区块类型的基础知识。从最简单的示例开始,每个新章节将逐步扩展内容,涵盖您在实现自己的区块类型时可能需要使用的常见功能。
要跟随本教程学习,您可以下载[配套的 WordPress 插件](https://github.com/WordPress/block-development-examples),其中包含所有示例供您在自己的站点上尝试。在每个步骤中,可以通过修改示例来实践自己的想法,并观察它们对区块行为产生的影响。
> 要获取最新版本的 .zip 文件,请前往代码库的[发布页面](https://github.com/WordPress/block-development-examples/releases),在最新发布的「资源」部分查找。
代码片段提供两种格式「JSX」和「原生」。JSX 指使用 JSX 语法的 JavaScript 代码需要构建步骤。原生指无需构建的「经典」JavaScript。您可以通过每个代码示例上方的选项卡切换这两种格式。使用 JSX 需要您运行 [JavaScript 构建步骤](/docs/how-to-guides/javascript/js-build-setup/),将代码编译为浏览器兼容的格式。
请注意,创建区块或扩展编辑器并不强制要求使用 JSX您可以使用经典 JavaScript。然而一旦熟悉了 JSX 和构建步骤,许多开发者往往会发现它更易于阅读和编写,因此您看到的大多数代码示例都使用 JSX 语法。