generator-wp-trinity 是一个基于 Yeoman 的 WordPress 开发脚手架工具。它提供了一系列工具和模板，帮助开发者快速创建 WordPress 主题和插件，提高开发效率。
环境配置
在开始使用 generator-wp-trinity 之前，我们需要保证本地已经安装了必要的环境。
- Node.js - 安装 Node.js 可以从 官网 下载安装包。
- Yeoman - 使用 npm 安装 Yeoman：
npm install -g yo。
安装
在终端中运行以下命令安装 generator-wp-trinity：
npm install -g generator-wp-trinity
创建 WordPress 主题
运行以下命令创建一个 WordPress 主题项目：
yo wp-trinity:theme
生成的文件结构如下：
-- -------------------- ---- ------- ---------- --- ------------ --- --------- --- ---- - --- ----- - --- --- - --- ------- - --- ------ --- -----
package.json是项目配置文件。readme.md是项目说明文档。src/目录下是项目源代码。sass/目录下是 Sass 样式文件。js/目录下是 JavaScript 文件。images/目录下是图片文件。views/目录下是 WordPress 主题文件。dist/目录下是生成的压缩代码。
创建 WordPress 插件
运行以下命令创建一个 WordPress 插件项目：
yo wp-trinity:plugin
生成的文件结构如下：
your-plugin ├── package.json ├── readme.md ├── src/ │ ├── class-your-plugin.php │ └── views/ └── dist/
class-your-plugin.php是插件的 PHP 代码文件。views/目录是插件模板文件。dist/目录下是生成的压缩代码。
构建项目
在项目根目录运行以下命令进行构建：
npm run build
运行成功后，会在 dist/ 目录下生成压缩后的代码。
开发调试
在项目根目录运行以下命令启动开发服务器：
npm run dev
该命令会自动打开浏览器，访问 http://localhost:3000。在修改源代码后，浏览器会自动刷新。
总结
generator-wp-trinity 工具为 WordPress 开发者提供了高效、快捷的开发流程。通过示例，我们已经了解了该工具的基本用法和目录结构。希望大家可以通过学习，快速掌握该工具，提高开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005571081e8991b448d3fa6