Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

electron+react 的脚手架项目。提供Electron + React 桌面程序创建,测试,打包的示例,Electron环境下调用DLL的示例。界面使用ant-design。

License

NotificationsYou must be signed in to change notification settings

fddi/electron-react-quick-start

Repository files navigation

electron + react 的脚手架项目。

  • 提供Electron + React 桌面程序创建,测试,打包的示例。
  • 提供Electron环境下调用DLL的示例。
  • 提供Nodejs最新版本环境下的示例。
  • 示例界面使用ant-design

快速开始

1. 安装工具

需要安装GitNode.js

Koffi 相比 Node-FFI/N-API 的主要优势是不需要预编译nodejs原生编译工具,不需要使用node-gyp库。仅调用现有库:不需要 VS Studio 或任何编译工具。

2. 设置npm镜像:

# 设置npm镜像npm configset registry https://registry.npmmirror.com/# 设置环境变量 ELECTRON_MIRROR=https://registry.npmmirror.com/

3. 运行项目

需要管理员权限,可能需要关闭360等杀毒软件。

# 克隆项目到本地git clone https://github.com/fddi/electron-react-quick-start# 转到项目目录cd electron-react-quick-start# 安装npm install# 运行npm run dev
  • 运行界面

  • 调用DLL文件示例

4. 打包

# 打包(win64位)npm run build& npm run make

本项目使用electron-forge工具打包,打包配置请修改forge.config.js文件。查看packagerConfig配置API

问题汇总

1. 无法找到VS工具

gyp ERR! stack Error: Could not find any Visual Studio installation to use

情况一:VS2022 需要node-gyp8.4.0以上版本才能支持,由于npm自带版本过低导致 需要升级nodejs,或升级npm:

设置vs 版本 npm configset msvs_version 2022npm -g install npm# 安装最新npm后,查看版本npm -v8.5.0npm install -g node-gypnpx node-gyp -vv8.4.1

情况二:删除淘宝镜像地址配置

npm config listnpm config delete electron_mirror

情况三:使用PowerShell

2. electron无法安装

Electron failed to install correctly, please delete node_modules/electron and try installing again

node_modules/electron文件夹没有dist文件夹。淘宝镜像下载对应包,解压至node_modules/electron/dist内。node_modules/electron新建path.txt,输入以下内容保存

electron.exe

3. 打包网络超时

下载nsis-3.0.4.2.7z超时

网络原因,淘宝镜像下载对应包,解压至C:\Users\{User}\AppData\Local\electron-builder\Cache\nsis\nsis-3.0.4.2。

下载winCodeSign超时

网络原因,淘宝镜像下载对应winCodeSign包,解压至C:\Users\{User}\AppData\Local\electron-builder\Cache\winCodeSign\winCodeSign-2.6.0。

使用到的资源

  • electronjs - Electron是由GitHub开发的一个开源库,用于构建具有HTML,CSS和JavaScript的跨平台桌面应用程序。
  • reactjs - React是一个用于构建用户界面的JavaScript库。
  • ant.design - 一套企业级的 UI 设计语言和 React 实现。
  • Koffi - 是一个快速且易于使用的 Node.js C FFI 模块。

许可证

MIT License

About

electron+react 的脚手架项目。提供Electron + React 桌面程序创建,测试,打包的示例,Electron环境下调用DLL的示例。界面使用ant-design。

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

[8]ページ先頭

©2009-2025 Movatter.jp