适用于 Electron 和 Vue 或 React 的入门代码生成器

Elecrue 是什么？

如何安装 Elecure？

如何使用它？

常见问题解答

得走了

Elecrue 是什么？

首先我来告诉大家这个elecrue事情的要点。

Elecrue是一个样板生成器 npm 包，它使用 react 为 electron 或使用 tailwindcss 为 vue 生成样板代码。

Elecrue 为您提供以下入门代码模板：-

1. React-Electron-JS
2. React-Electron-TS
3. React-Electron-Tailwindcss-JS
4. React-Electron-Tailwindcss-TS
5. Vue-Electron-JS

如何安装 Elecure？

npm i -g elecrue

如何使用它？

使用起来非常简单。输入elecrue命令行。选择模板后，它会要求你选择一个模板。输入项目名称后，它会询问你输入项目名称。Elecrue 会下载项目文件夹中的所有 Node 包。好了！你准备好了吗？🎉

常见问题解答

1.) 为什么 Elecrue 不使用 IPC？

让我分析一下，为什么我没有使用 IPC。

什么是 IPC？

IPC 是由ipcMain和ipcRenderer这两个组件组成的。它们都用于在 Electron 和接收器之间发送和接收信号，通过这种方式，你可以从 Electron 获取一些信息并传递给 React 或 Vue。因为 React 和 Vue 仅限于 src 文件夹。

我为什么不使用 IPC？

正如上文所述，React 和 Vue 都不能超出 src 文件夹。因此，大多数人在理想情况下会使用 IPC。但 IPC 的使用可能会很繁琐。

例如，如果你想通过单击按钮来创建一个文件。这听起来可能很容易，但执行起来却很难，因为按钮在 React 中，而 React 是客户端技术，你无法在 React 中设置创建文件的功能。Electron 可以使用fsNode 中的模块轻松实现这一点，但我们还需要在按钮被点击时创建文件。那么，我们该如何连接它们呢？IPC 可以吗？不行，IPC 的工作量非常大，而且它成功的可能性很小（至少对我来说是这样）。

如果将问题归结为，我们需要触发 Electron 中的功能，即创建一个文件。

我找到的解决这个问题的方法是，在 Electron 上托管一个 Express 服务器localhost:5001（如果我没记错的话）。并设置一个用于创建文件的端点，例如/create-file。这样，当 React 中的按钮被点击时，onClick就会获取 ，localhost:5001/create-file并触发 Electron 中的创建文件函数，因为只有 Electron 可以使用fs。

2.) 未来还会有更新吗？

是的，我会维护该项目，并在使用的任何库更新时更新它。

3.) 我要添加更多模板吗？

是的，但这取决于你的建议。你可以在这篇博客里留言，谈谈你想要的模板，比如用 Electron 的 Svelte。或者你也可以在Elecrue 的 Github 仓库上发 issue。

得走了

希望你喜欢 Elecrue。在Github上点赞 🌟。

我也希望你能理解我为什么不使用 IPC。如果你有任何疑问，可以在评论区问我，我一定会回复。如果你想和其他人一起学习新知识，或者想参与一些很酷的项目，可以看看ByteSlash Discord Server，这是一个很棒的社区，可以和其他人一起成长，每个人都会帮助你，包括我。

如果您还没有阅读我之前的博客，请查看：-什么是开源以及如何回报它。

祝您有美好的一天，
Rajvir Singh