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, 后面如果需要可以去掉这个配置,自己搭更简洁的配置。