Настройка окружения разработки для работы с блоками Gutenberg в WordPress может быть сделана несколькими способами, включая использование инструментов типа Create React App (CRA), WP-CLI и Docker. Вот общий обзор того, как можно настроить окружение разработки:

Установка WordPress:

Сначала вам понадобится установить локальную копию WordPress на вашем компьютере. Это можно сделать с помощью инструментов вроде Local by Flywheel, ospanel или Docker.

Установка Node.js и npm:

Для работы с Gutenberg вам понадобится установить Node.js и npm (менеджер пакетов Node.js). Это можно сделать, загрузив и установив Node.js с официального сайта.

Настройка проекта с помощью Create React App:

Для удобства разработки блоков Gutenberg можно использовать Create React App, инструмент, который автоматически настраивает проект React. Вы можете создать новый проект с помощью следующей команды:

npx create-react-app my-gutenberg-block

Это создаст новый каталог с именем my-gutenberg-block, содержащий структуру проекта React.

Установка зависимостей проекта:

Перейдите в каталог вашего проекта и установите необходимые зависимости, такие как @wordpress/scripts, с помощью npm:

cd my-gutenberg-block
npm install @wordpress/scripts --save-dev

Настройка скриптов для разработки:

Добавьте скрипты для сборки и запуска проекта в файл package.json вашего проекта:

"scripts": {
  "start": "wp-scripts start",
  "build": "wp-scripts build"
}

Это позволит вам использовать команды npm start для запуска сервера разработки и npm run build для сборки вашего проекта.

Это базовая настройка окружения разработки для работы с блоками Gutenberg в WordPress. В зависимости от ваших предпочтений и требований проекта, вы можете дополнить или изменить этот процесс.