Electron-TypeScript-React 快速开始脚手架

Electron-TypeScript-React

简介

快速启动一个Electron + TypeScritp + React的脚手架, 并且提供了React-Router/ React-Redux/ connected-react-router,
使用electron-builder打包发布一个桌面应用。

目录结构

 -app
     -main            electron相关文件  main-process
     -renderer        页面相关       render-process
 -assets              静态资源(放打包用的icon或者electron tray使用的icon)
 -build               renderer 打包后文件存放地址
 -config              存放相关webpack.config配置文件
 -dist                存放 electron-build 打包的app, 最终的应用程序
 -public              renderer 使用的html模板
 -script              npm运行renderer相关
 -main.js             由npm命令编译生成的electron入口文件, 不需要管。 如果需要改它的文件位置, 需要在package.json的main中 
                      对应修改
 -tsconfig.json       ts编译配置
 -tslint.json         tslint 配置

启动项目

# Clone this repository
git clone https://github.com/Leskd/electron-react-typescript.git <your-project-name>
# Go into the repository
cd <your-project-name>
# Install dependencies
npm install
# Run the app
npm start

本地试运行和发布打包

# dev
npm run start
# Local build and test
npm run build 
npm run local
# release
## window
npm run release-win
## mac
npm run release-mac

github地址:https://github.com/Leskd/elec...(欢迎试用star与fork, 听说点star的人都是好人!!) 感谢
如果有issue, 请提交issue,我会尽快修改。

PS: TypeScript-React 是基于 React官方create-react-app, 后面如果需要可以去掉这个配置,自己搭更简洁的配置。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值