README

从 CakePHP 5 模型生成 VueJs 组件。

关于 CakePHP 4 版本，请参阅 rrd108/vue-bake/tree/cakephp-4

你是一位使用 Vue SPA 和 CakePHP 作为 REST API 后端的强大组合的全栈开发者吗？如果是的话，我们为你准备了特别的东西。

我们理解高效开发流程的价值以及代码生成带来的便利性。作为 CakePHP 的自动代码生成能力的忠实粉丝，我们注意到在模板生成方面存在一个缺失的部分。因此，我们承担起填补这一空白的任务，创建了 CakePHP VueBake 插件。

我们的插件旨在通过无缝生成 VueJs 组件来增强你的开发工作流程，这些组件直接从你的 CakePHP 模型生成。告别手动为每个模型创建 Vue 组件的繁琐任务——我们的插件自动化了这一过程，为你节省宝贵的时间和精力。

通过利用 CakePHP 后端作为 REST API 的力量，并结合 Vue SPA 的灵活性和交互性，你将体验到一种和谐的协同效应，将你的全栈项目提升到新的高度。

CakePHP VueBake 插件的关键特性

自动生成 VueJs 组件：我们的插件轻松地将你的 CakePHP 模型转换为 VueJs 组件，包括必要的代码和结构。不再需要重复的手动编码——让插件为你做繁重的工作。
无缝集成：插件无缝集成到现有的 CakePHP 和 Vue SPA 项目中，保持代码库的完整性，同时增强你的开发能力。
自定义选项：我们理解每个项目都是独一无二的，这就是为什么我们的插件提供了各种自定义选项。调整生成的 Vue 组件以匹配你的特定要求，确保它们与你的应用程序完美匹配。
JavaScript 和 TypeScript 支持：我们的插件支持 JavaScript 和 TypeScript，允许你选择最适合你项目的语言。插件为你的模型生成 TypeScript 接口，使 TypeScript 工作变得容易。
节省时间和精力：使用 CakePHP VueBake 插件，你可以显著减少开发时间和精力。减少在样板代码上的时间，更多地投入到构建创新功能和为用户创造价值上。

作为全栈开发者，我们创建此插件时，深刻理解使用 Vue SPA 和 CakePHP 的挑战和需求。我们的目标是为你提供 无缝的开发体验，让你能够专注于真正重要的事情——创建卓越的应用程序。

所以，还等什么呢？今天试试 CakePHP VueBake 插件，解锁 Vue SPA 和 CakePHP 堆栈的潜力。提升你的开发工作流程，以前所未有的方式体验自动生成 VueJs 组件的便利性。

安装

你可以使用 composer 将此插件安装到你的 CakePHP 应用程序中。

安装 composer 包的推荐方式是

composer require --dev rrd108/vue-bake

然后，要加载插件，请运行以下命令

bin/cake plugin load VueBake

或者手动将以下行添加到你的应用程序的 config/plugins.php 中

return [
  // other plugins
  'VueBake' => [],
];

bin/cake bake vue_component ModelName -l ts -p ../../frontend/src/components

ModelName：指定要生成组件的模型名称。例如，如果您想为Posts模型生成组件，将ModelName替换为Posts。
-l 或 --lang：（可选）指定生成的组件的语言。默认情况下，它设置为 js（JavaScript）。但是，您可以选择 ts 用于 TypeScript。例如，使用 -l ts 生成使用 TypeScript 的 components 和 interfaces。
-p 或 --path：（可选）提供输出文件应保存的路径。路径应该是相对于 src 目录的。默认为 src/VueComponents。例如，-p ../../frontend/src/components 指定生成的组件应保存于 CakePHP 的 src 目录上两级的 frontend/src/components 目录中 - 因此它位于 CakePHP 的目录结构之外。

注意：请确保将占位符（ModelName，../frontend/src/components）替换为您项目相关的实际值。