脚本宝典收集整理的这篇文章主要介绍了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, 后面如果需要可以去掉这个配置,自己搭更简洁的配置。
以上是脚本宝典为你收集整理的Electron-TypeScript-React 快速开始脚手架全部内容,希望文章能够帮你解决Electron-TypeScript-React 快速开始脚手架所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。