Svelte NodeGUI

使用Node.js和Svelte构建高性能、原生和跨平台的桌面应用程序。🚀

Svelte NodeGUI 由Svelte和Qt5 提供支持 💚与基于 Chromium 的解决方案（如 Electron）相比，这使其 CPU 和内存效率更高。苗条NodeGUI本质上是一个苗条的渲染NodeGUI。

如果你正在寻找基于React的版本，请查看：React NodeGUI。

如果你正在寻找基于Vue的版本，请查看：Vue NodeGUI。

访问：https : //svelte.nodegui.org获取文档。

它看起来如何？

更多截图？

更多例子：

https://github.com/nodegui/examples

特征

• 🧬跨平台。应该适用于主要的 Linux 版本、Windows 和 macOS。
• 📉低 CPU 和内存占用。当前 CPU 在空闲时保持在 0%，Hello World 程序的内存使用量低于 20 MB。
• 💅使用 CSS 进行样式设置（包括实际的级联）。还完全支持 Flexbox 布局（感谢 Yoga）。
• ✅完整的 Node.js api 支持（目前在 Node v12.x 上运行 - 并且很容易升级）。因此可以访问所有与 Node.js 兼容的 npm 模块。
• 🎪本机小部件事件侦听器支持。支持 Qt/NodeJs 提供的所有事件。
• 💸 可用于商业应用。
• 🕵️‍♂️ 良好的 Devtools 支持。
• 📚 良好的文档和网站。
• 🧙‍​​♂️ 贡献者的良好文档。
• 🦹🏻‍♀️ 对黑暗模式的良好支持（感谢 Qt）。
• 🏅一流的 TypeScript 支持。（也适用于常规 JS 项目😉）。

入门

• 查看svelte-nodegui-starter以启动并运行你自己的 Svelte NodeGUI 应用程序！
• 通读Svelte NodeGUI 文档
• 查看示例：https : //github.com/nodegui/examples。
• 教程：使用 Javascript (NodeGUI) 和 Giphy API 构建原生 Meme 搜索桌面应用程序

贡献文档

Svelte NodeGUI

归档问题并取得联系（例如在Svelte Discord的

#nativedev

图形用户界面

希望为 NodeGUI 做出贡献？如果你希望实现一个新的小部件/添加更多功能并需要帮助理解代码库，你可以从这里开始：贡献开发人员文档。

请阅读https://github.com/nodegui/.github/blob/master/CONTRIBUTING.md

建筑

npm run build

可选择设置

QT_INSTALL_DIR='/path/to/qt'

更新文档

从源代码生成文档

文档生成过程目前是手动操作（文本编辑所有内容）。这些文档是 React NodeGUI 文档的复制粘贴，带有一些文本替换。我们还在代码库中携带了 React NodeGUI 源代码的一个小分支。将来我们希望清理这个工作流，并使其更加自动化

typedoc

将文档部署到 GitHub 页面

cd website && GIT_USER=<your_git_username> npm run deploy

资金

由于 Svelte NodeGUI 没有专门的资金基础设施，请考虑支持NodeGUI，这将同样高效！

特别感谢

• NodeGUI 徽标：感谢名词项目的 Vishwas Shetty。
• halfnelson for Svelte Native，它是 Svelte NodeGUI 的分支（因为它是构建自定义 Svelte 渲染器的一个很好的例子）。
• rigor789 for NativeScript Vue Next，Svelte NodeGUI 从中获取（并适应）其 DOM 实现。
• a7ul用于创建NodeGUI并在不知不觉中教我如何首先构建渲染器。

行为守则

https://github.com/nodegui/.github/blob/master/CODE_OF_CONDUCT.md

授权协议

MIT

维护者 ✨

维护这个项目的人。

杰米·伯奇

贡献者 ✨

感谢这些优秀的人（表情符号键）：

杰米·伯奇 💻

苏拉夫·萨胡 💻

马修·佩雷拉·达席尔瓦 💻

乔纳斯·格鲁内特 💻

卢基海滩男孩 💻

该项目遵循所有贡献者规范。欢迎任何形式的贡献！