electron学习笔记（三）—— 已有Electron项目引入React

【electron实战一】创建electron项目

【electron实战二】在Electron使用TypeScript

参考：https://juejin.cn/post/6856772424206630926

1、按照如下项目结构创建文件夹：

Electron引入React准备

2、cd到src文件夹下，执行

&  create-react-app main

如果有报错，应该是create-react-app还没有安装，执行npm isntall -g create-react-app即可

3、修改最外层的package.json配置文件的scripts

"scripts": {

    "test": "echo \"Error: no test specified\" && exit 1",

    "start:main": "electron .",

    "start:render": "cd render/src/main && npm run start"

  }

4、执行 yarn start:main，来启动electron项目，如果main.js有创建窗口，载入应用等代码。则会打开一个客户端窗口。如图：

main

5、执行 yarn start:render，来启动react项目，会启动浏览器http://localhost/:xxxx页面，如图

render