bennyxqg / chuhai-electron-react-antd-antv-cli

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

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

electron-react-antd-antv-cli

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

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

环境依赖

关于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即可退出命令行启动预览环境

文档

参考文档

About

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

License:MIT License


Languages

Language:JavaScript 81.2%Language:HTML 11.2%Language:CSS 7.6%