electron-react-boilerplate 正在参加 2021 年度 OSC 中国开源项目评选,请投票支持!
electron-react-boilerplate 在 2021 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
2021 年度 OSC 中国开源项目评选 正在火热进行中,快来投票支持你喜欢的开源项目!
2021 年度 OSC 中国开源项目评选 >>> 中场回顾
electron-react-boilerplate 获得 2021 年度 OSC 中国开源项目评选「最佳人气项目」 !

软件简介


Electron React Boilerplate uses Electron, React, React Router, Webpack and React Fast Refresh.


Build Status Dependency Status DevDependency Status Github Tag

OpenCollective OpenCollective Good first issues open StackOverflow

Install

  • If you have installation or compilation issues with this project, please see our debugging guide

First, clone the repo via git and install dependencies:

git clone --depth 1 --branch main https://github.com/electron-react-boilerplate/electron-react-boilerplate.git your-project-name
cd your-project-name
npm install

Starting Development

Start the app in the dev environment:

npm start

Packaging for Production

To package apps for the local platform:

npm run package

Docs

See our docs and guides here

Donations

Donations will ensure the following:

  • 🔨 Long term maintenance of the project
  • 🛣 Progress on the roadmap
  • 🐛 Quick responses to bug reports and help requests

Backers

Support us with a monthly donation and help us continue our activities. [Become a backer]

Sponsors

Become a sponsor and get your logo on our README on Github with a link to your site. [Become a sponsor]

Maintainers

License

MIT © Electron React Boilerplate

展开阅读全文

代码

评论 (0)

加载中
更多评论
暂无内容
发表于大前端专区
2020/09/19 18:48

electron & react 开发搭建

参考:https://juejin.im/post/6844903555921362952 步骤: 1, 先创建一个react 项目。 2,然后修改 package.json 添加 electron 依赖。 electron 的基础实现中的main.js package.json 修改的部分: { "main": "main.js", "dependencies": { ... "electron": "7.3.3", ... }, "scripts": { ... "electron-start": "electron ." }, } main.js 中修改的地方: function createWindow () { ...

0
0
发表了博客
2020/06/06 23:41

Electron整合React使用搭建开发环境

## Electron整合React使用搭建开发环境 **博客说明** > 文章所涉及的资料来自互联网整理和个人总结,意在于个人学习和经验汇总,如有什么地方侵权,请联系本人删除,谢谢! #### 简介 用于构建用户界面的 JavaScript 库 #### 步骤 ##### 首先创建React ``` npx create-react-app doc ``` ##### 进入到doc项目 ``` cd doc ``` ##### 安装electron ``` npm install electron --save-dev ``` ##### 安装依赖 判断是否为生产环境 ``...

0
0
2019/05/07 14:26

create-react-app和electron报错fs.existsSync is not a function

将create-react-app与electron创建出的一个项目中。React中无法使用electron 当在React中使用require(‘electron’)时就会报 Uncaught TypeError: fs.existsSync is not a function at getElectronPath (index.js:8) 因为React中无法使用Node.js的模块. 所以,百度了下:方案如下 创建renderer.js文件 global.electron = require('electron'); 修改main.js文件 修改创建浏览器的入口代码,添加preload配置项。将renderer.js作为...

0
0
发表了博客
2019/07/25 00:22

react-electron 项目打包体积尽可能减小的方法

当一个react-electron项目做好之后就可以开始进行打包,首先就是打包react,这个自然不用多说,不过事先要记住一点,项目目录主进程文件main.js最好放在根目录,再执行打包命令 npm run build   这个时候目录结构应该是这样 这个时候需要强调的是,react项目已经打包完成,这个时候完全可以只靠main.js主进程文件和build文件夹就可以运行起来我们的项目,换句话说,剩下的文件与打包electron没有任何关系,甚至可以直接删除...

0
0
发表了博客
2019/12/04 21:27

Electron桌面应用框架的使用,结合react项目

参考文章:https://blog.csdn.net/qq_25881261/article/details/81559794 https://blog.csdn.net/easyClub_hanjixin/article/details/81178627 1.打开react项目,安装npm i electron --S 2.在react项目根目录创建main.js(与package.json同级) const { app, BrowserWindow } = require('electron') const url = require('url') const path = require('path') let win function createWindow() { // 创建浏览器窗口。 ...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
暂无内容
0 评论
0 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部