开发平台

古腾堡项目不仅致力于为WordPress打造更优秀的编辑器，更在构建一个可扩展的开发平台。该平台包含一系列可用于Web应用程序的JavaScript工具包。查看npm上的可用工具包列表。

用户界面组件

WordPress组件包提供了一系列可在项目中直接使用的UI组件。访问WordPress Storybook网站可交互式查看可用组件及其设置。

以下是在项目中使用组件的快速示例：

安装依赖：

npm install --save @wordpress/components

在React中使用：

import { Button } from '@wordpress/components';

function MyApp() {
	return <Button>Hello Button</Button>;
}

多数组件包含样式CSS文件，需要引入才能正常显示样式。组件样式表位于node_modules/@wordpress/components/build-style/style.css，可直接链接或复制到项目中引入。

@wordpress/scripts工具包是一组可复用的JavaScript开发脚本——包含构建、代码检查和测试脚本，无需额外配置文件即可使用。

以下是使用wp-scripts工具的快速示例：

安装依赖：

npm install --save-dev @wordpress/scripts

在package.json文件中添加脚本配置：

	"scripts": {
		"build": "wp-scripts build",
		"format": "wp-scripts format",
		"lint:js": "wp-scripts lint-js",
		"start": "wp-scripts start"
	}

配置后即可使用npm run build命令，通过预设的webpack配置构建项目，代码格式化和检查同理。start命令用于开发模式。完整文档请参阅@wordpress/scripts工具包。

更多信息请参考区块编辑器手册中的JavaScript入门教程。

@wordpress/block-editor工具包支持创建和使用独立的区块编辑器。