使用 Electron 时，设计 HTML/CSS 布局的最佳方式是什么？答案

【问题标题】：When using Electron, what is the best way to design the HTML/CSS layout?使用 Electron 时，设计 HTML/CSS 布局的最佳方式是什么？
【发布时间】：2019-04-06 08:40:55
【问题描述】：

大多数人只是手动输入值吗？或者是否有某种类似于 Android/iOS 拖放 UI 构建器的 UI 构建器？就像我知道现在大多数网站都没有你手动输入 HTML 而是使用某种类型的网站构建器。

【问题讨论】：

标签： javascript html css reactjs electron

【解决方案1】：

您可以使用 Angular 设计您的电子应用程序。

角度
角材料

如果您想做一些简单的事情，使用这些框架会使您的程序变得更加复杂，因此我们可能不值得这样做。但是，如果您的程序及其内部状态足够复杂，那么使用 Angular 可能会为您节省大量时间和精力，并且会简化您的开发。我可以看出 Electron 是角度兼容的。

【讨论】：

【解决方案2】：

目前没有用于电子应用程序的“拖放”UI 构建器，您必须输入 HTML、CSS 和 JavaScript。但是有一种解决方法可以用来生成 html 模板文件和 css。

您可以使用任何拖放式网站构建器，例如 WordPress、squarespace 等。下载构建器生成的静态资产（css、html），然后手动添加 JavaScript 代码以添加应用程序的功能。

同样，这只是一种解决方法。

【讨论】：

【解决方案3】：

目前没有用于 Electron 的拖放 UI 构建器，但您可以使用 PhotonKit 库来构建类似 OSX 的用户界面

【讨论】：

浏览这个框架的组件，感觉就像Mac。该组件在 windows 或 linux 上看起来会花哨吗？