Electron-TypeScript-React 快速開始腳手架

Electron-TypeScript-React

簡介

快速啓動一個Electron + TypeScritp + React的腳手架, 而且提供了React-Router/ React-Redux/ connected-react-router,
使用electron-builder打包發佈一個桌面應用。html

目錄結構

-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,我會盡快修改。react

PS: TypeScript-React 是基於 React官方create-react-app, 後面若是須要能夠去掉這個配置,本身搭更簡潔的配置。webpack

相關文章
相關標籤/搜索