electron-react-antd-antv-cli

一个集成electron、react、antd、antv的开发脚手架，便于快速搭建基于react开发的electron桌面应用

EdeverClient可视化客户端便于更好的获取脚手架更新动态, 基于electron-react-antd-antv-cli构建! GitHub: HerbertHe/EdeverClient, Gitee: HerbertHe/EdeverClient

环境依赖

• nodejs 未安装可参考
• yarn(项目依托yarn进行包管理)

关于electron的镜像，electron7.x之后需要设置单独的镜像，不然会安装报错；根据官方文档，中国地区镜像为: https://cdn.npm.taobao.org/dist/electron/

在Windows的环境下命令为:

npm config set ELECTRON_MIRROR="https://cdn.npm.taobao.org/dist/electron/"

# 验证设置
npm config ls

# 成功配置输出
ELECTRON_MIRROR="https://cdn.npm.taobao.org/dist/electron/"

快速使用

已提供命令行开发工具Edever做更便捷的下载管理，请参考文档使用Gitee: HerbertHe/Edever, GitHub: HerbertHe/Edever

• clone 仓库

# github
git clone https://github.com/HerbertHe/electron-react-antd-antv-cli.git

# gitee
git clone https://gitee.com/HerbertHe/electron-react-antd-antv-cli.git

• 进入仓库

• 下载依赖

yarn

• 验证安装

yarn run ele:dev

• 已提供的指令

      "react:dev": "启动react的预览",
      "react:build": "构建react的产物",
      "react:test":  "react测试",
      "react:eject": "react-scripts eject",
      "ele:dev": "启动electron开发预览"
      "build:win64": "打包生成64位windows应用"
      # 下面详述包及自定义配置，目前只针对electron的开发做了脚本

      # 项目启动后在任何时间都可以在命令行输入rs回车使用nodemon强制项目更新
      rs
      # Ctrl + c后输入y即可退出命令行启动预览环境

文档

• 更新日志
• 项目详细解读
• 配置文件详情
• 构建与优化
• 自动更新配置

参考文档

• 在create-react-app中使用
• react-app-rewired
• customize-cra
• bizCharts
• Ant Design of React
• electron
• electron-builder