使用 data-wp 指令建置與除錯互動式 WordPress 前端

使用 data-wp 指令建置與除錯互動式 WordPress 前端 是做什麼的？

此技能協助代理程式建立或疑難排解 WordPress Interactivity API 的行為，涵蓋 store 接線、伺服器渲染狀態與水合檢查。請在區塊、主題或外掛需要以指令驅動的互動性，而非臨時的前端膠水時使用。

先決條件

Node.js；檔案系統存取權；WordPress 區塊工具鍊；可選 WP-CLI

安裝

使用與您環境相符的上游安裝或設定路徑：

• git clone https://github.com/WordPress/agent-skills.git

上游的需求與注意事項：

• node shared/scripts/skillpack-build.mjs --clean
• node shared/scripts/skillpack-install.mjs --global
• node shared/scripts/skillpack-install.mjs --global --skills=wp-playground,wp-block-development

基本使用或入門說明：

• bash

• 複製 agent-skills 儲存庫

• cd agent-skills

• 來源：https://github.com/WordPress/agent-skills/tree/trunk/skills/wp-interactivity-api

• 從上游文件萃取：https://raw.githubusercontent.com/WordPress/agent-skills/HEAD/README.md

文件

• https://github.com/WordPress/agent-skills

來源

• Agent Skill Exchange