美文网首页
electron学习笔记(三)—— 已有Electron项目引入

electron学习笔记(三)—— 已有Electron项目引入

作者: 程序媛的程 | 来源:发表于2021-09-08 16:53 被阅读0次

【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

相关文章

网友评论

      本文标题:electron学习笔记(三)—— 已有Electron项目引入

      本文链接:https://www.haomeiwen.com/subject/txbvwltx.html