入门

Full-Stack-python / 2023-08-27 / 原文

开始

NodeGui 使您能够使用 JavaScript 创建桌面应用程序。你可以看到它 作为 Node.js 运行时的轻微修改变体,专注于桌面应用程序 而不是网络服务器。

NodeGui 也是跨平台图形用户界面的高效 JavaScript 绑定。 (图形用户界面) 库 .Qt是用于构建桌面应用程序的最成熟,最有效的库之一。 这使得NodeGui与其他流行的Javascript桌面GUI解决方案相比具有极高的内存和CPU效率。使用 NodeGui 构建的 hello world 应用程序在不到 20MB 的内存上运行。Qt

开发人员环境#

要将操作系统转变为能够使用 NodeGui 构建桌面应用程序的环境,您需要 Node.js、npm、您选择的代码编辑器以及对操作系统命令行的基本了解。

除此之外,下面还列出了一些依赖于操作系统的说明。

在 macOS 上进行设置#

要求:

  • NodeGui支持macOS 10.10(Yosemite)及更高版本。NodeGui 目前仅支持 64 位操作系统。
  • 目前支持的 Node.js 版本是 16.x。

我们强烈建议您使用某种版本的管理器来.js Node。这将允许您非常轻松地切换到任何版本的 Node.js。我们推荐 : https://github.com/nvm-sh/nvmnvm

通过运行以下命令确认两者和都可用:nodenpm

# 此命令应打印 Node 的版本.js
节点 -v
 
# 此命令应打印 npm 的版本
npm -v

如果两个命令都打印了版本号,则一切就绪!在你得到之前 开始时,您可能想要安装适合的代码编辑器 用于 JavaScript 开发。

在Windows上设置#

要求:

  • NodeGui 在 7 位操作系统上支持 Windows 64 及更高版本。
  • 目前支持的 Node.js 版本为 16.x 及更高版本。

我们强烈建议您使用某种版本的管理器来.js Node。这将允许您非常轻松地切换到任何版本的 Node.js。

我们强烈建议将Powershell作为Windows中的首选终端。

通过运行以下命令确认两者和都可用:nodenpm

# 此命令应打印 Node 的版本.js
节点 -v
 
# 此命令应打印 npm 的版本
npm -v

如果两个命令都打印了版本号,则一切就绪!在你得到之前 开始时,您可能想要安装适合的代码编辑器 用于 JavaScript 开发。

在 Linux 上设置#

NodeGui 目前支持 Ubuntu 16.04 和 Debian 10 及更高版本。尽管也可以轻松支持其他 Linux 发行版。NodeGui 目前仅支持 64 位操作系统。

要求:

  • 目前支持的 Node.js 版本为 16.x 及更高版本。

我们强烈建议您使用某种版本的管理器来.js Node。这将允许您非常轻松地切换到任何版本的 Node.js。我们推荐 : https://github.com/nvm-sh/nvmnvm

通过运行以下命令确认两者和都可用:nodenpm

# 此命令应打印 Node 的版本.js
节点 -v
 
# 此命令应打印 npm 的版本
npm -v

如果两个命令都打印了版本号,则一切就绪!在你得到之前 开始时,您可能想要安装适合的代码编辑器 用于 JavaScript 开发。

一个好的编辑器#

我们可能会推荐两个免费的流行编辑器:GitHub的Atom和Microsoft的Visual Studio Code。它们都有出色的JavaScript支持。

如果您是众多具有强烈偏好的开发人员之一,请知道现在几乎所有的代码编辑器和 IDE 都支持 JavaScript。

使用您自己的自定义Qt安装(可选)#

从源代码编译Qt

您需要从源代码下载并安装Qt,因为目前还没有来自Qt for M1的二进制文件。

(https://www.reddit.com/r/QtFramework/comments/ll58wg/how_to_build_qt_creator_for_macos_arm64_a_guide/)

git clone git://code.qt.io/qt/qt5.git
cd qt5
git checkout 5.15
 
./init-repository --module-subset=essential -f
git submodule init qtsvg
git submodule update qtsvg
 
cd ..
mkdir qt5-5.15-macOS-release
cd qt5-5.15-macOS-release
 
../qt5/configure -release QMAKE_APPLE_DEVICE_ARCHS=arm64 -opensource -confirm-license -nomake examples -nomake tests -skip qt3d -skip webengine -skip qtactiveqt -skip qtcanvas3d -skip qtdeclarative -skip qtdatavis3d -skip qtdoc -skip qtgamepad -skip qtcharts -skip qtgraphicaleffects -skip qtlocation -skip qtpurchasing -skip qtquickcontrols -skip qtquickcontrols2 -skip qtremoteobjects -skip qtscxml -skip qtsensors -skip qtserialbus -skip qtserialport -skip qtspeech -skip qtvirtualkeyboard -skip qtscript
 
make -j15
 
make install

这应该将Qt安装到类似的东西中(您的目录可以更改。这将在运行 make 时显示)/usr/local/Qt-5.15.3

指向nodegui以使用您的自定义Qt安装

现在只需设置 .在上面的例子中,它看起来像这样。将其添加到您的 .zshrc 或 .bashrc 中,这样您就不需要再次重复此过程。export QT_INSTALL_DIR=<your qt path>export QT_INSTALL_DIR=/usr/local/Qt-5.15.3

现在只是再做一次。rm -rf node_modulesnpm install

日志应显示类似 .CustomQt detected at <your qt path>. Hence, skipping Mini Qt installation

世界您好#

使用 nodegui/nodegui-starter 存储库克隆并运行本教程中的代码。

注意:运行它需要 Git 和 npm。

git clone https://github.com/nodegui/nodegui-starter

cd nodegui-starter

npm install

npm start

 

注意:如果您在安装 时遇到错误,请查看常见问题解答以获取更多帮助。nodegui

就是这样!

祝贺!您已成功运行并修改了您的第一个 NodeGui 应用程序。