# electron-react-quick-start

**Repository Path**: lonsun/electron-react-quick-start

## Basic Information

- **Project Name**: electron-react-quick-start
- **Description**: react + electron + ant 的脚手架项目。包含常见布局导航示例，调用本地DLL和activex控件的示例。
- **Primary Language**: NodeJS
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 68
- **Created**: 2020-09-13
- **Last Updated**: 2022-07-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## [English](README-en.md)
react + electron + ant 的脚手架项目。

包含调用本地DLL和activex控件的示例。

项目基于[Create React App](https://github.com/facebookincubator/create-react-app).

## 快速开始

需要安装 [Git](https://git-scm.com) 和 [Node.js](https://nodejs.org/en/download/) (示例使用32位dll文件，nodejs需使用32位版本)。

打开命令窗口:
```bash
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
npm config set electron_mirror https://npm.taobao.org/mirrors/electron/ --global
# 克隆项目到本地
git clone https://github.com/fddi/electron-react-quick-start
# 转到项目目录
cd electron-react-quick-start
# 额外需要安装和设置的工具
npm  --vs2015  install --global windows-build-tools
# 设置vs 版本
npm config set msvs_version 2015 --global
# 安装node-activex
npm install winax
# 需要对照electron版本，重新编译activex模块
npm rebuild winax --runtime=electron --target=9.2.1 --disturl=https://atom.io/download/atom-shell --build-from-source
# 安装
npm install
# 运行
npm run start
# 打包(示例基于win32系统，请根据操作系统修改配置)
npm run build & npm run pack & npm run dist
```
## 特点
### 包含示例
<img src="https://fddi.github.io/electron-react-quick-start/img-example2.png" width="60%">

### 管理界面导航示例
<img src="https://fddi.github.io/electron-react-quick-start/img-example1.png" width="60%">

## 使用到的资源

- [electronjs.org/docs](https://electronjs.org/docs) - Electron是由GitHub开发的一个开源库，用于构建具有HTML，CSS和JavaScript的跨平台桌面应用程序。
- [reactjs.org/docs](https://reactjs.org/docs/getting-started.html) - React是一个用于构建用户界面的JavaScript库。
- [ant.design/docs](https://ant.design/docs) - 一套企业级的 UI 设计语言和 React 实现。
- [node-ffi-napi](https://github.com/node-ffi-napi/node-ffi-napi) - Node.js的外部函数接口（FFI），N-API样式。
## 许可证
[MIT License](LICENSE.md)