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

发布时间:2019-06-18 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了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.jsnpm命令编译生成的electron入口文件, 不需要管。 如果需要改它的文件位置, 需要在package.jsonmain中 
                      对应修改
 -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, 后面如果需要可以去掉这个配置,自己搭更简洁的配置。

脚本宝典总结

以上是脚本宝典为你收集整理的Electron-TypeScript-React 快速开始脚手架全部内容,希望文章能够帮你解决Electron-TypeScript-React 快速开始脚手架所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。