介绍
Electron React Boilerplate是Github上超过12k+star的可扩充套件跨平台应用程序开发框架,Electron 是基于HTML+CSS+Javascript等 Web 技术建立原生程式的框架,它已经帮我们搞定了最难搞的部分,而Electron React Boilerplate在其基础上进行了扩充套件,将React整合进去并构建成了模板。文件和Github地址
文件:https://electron-react-boilerplate.js.org/docs/installationGithubhttps://github.com/electron-react-boilerplate/electron-react-boilerplate特点
热载入顾名思义,实时预览功能可扩充套件构建没有型别的可扩充套件应用程序只能做到这一步。开发应用程序时出现型别错误。在编译时和执行时引发错误
效能:构建优化开箱即用的webpack优化和压缩程式码解决方案,这避免了与传统Electron 应用程序相关的效能瓶颈。
专案使用到的工具Electron
React, Redux, React Router,
Webpack
React Hot Loader
快速入门
测试环境:Windows 10 V1903# 从Github快速克隆:
git clone --depth=1 https://github.com/electron-react-boilerplate/electron-react-boilerplate.git your-project-name
#命令列到专案目录
cd your-project-name
# yarn安装依赖
yarn
#执行
yarn dev
执行成功
我这里中途并未出现过什么错误,如果你在搭建过程中出现了什么错误,可以参考官网的安装除错指南。
#构建
yarn build
#打包
要打包本地平台的应用程序:
yarn package
构建多个平台请参考官方指南,设计一些依赖
yarn package-all
构建可选平台 yarn package --[option]
yarn package --win //windows
yarn package --mac //mac
yarn package --linux //linux
编辑器配置
建议使用VSCode安装以下扩充套件,只为了让你有更好的体验,以及提高编码效率EditorconfigESLintPrettierFlowBabelJestES6 SnippetsReact Snippets