• mkdir remote-control
  • cd remote-control
  • npm init -y
  • mkdir app
  • cd app
  • mkdir main
  • mkdir renderer
  • cd renderer
  • mkdir src pages
  • cd pages
  • mkdir control
  • cd control
  • vi index.html

在 src 目录中
npx create-react-app main

__
start:main: “electron .”
strat:render: “cd render/main/src && npm start
// 不自动打开浏览器
BROWSER=none

_
electron-is-dev 判断是线上还是线下

报错

TypeError: fs.existsSync is not a function

  1. window.require(‘electron’)
  2. 修改 webpack 的 target
    1. npm i customize-cra react-app-rewired -D ```javascript config-overrides.js const {override} = require(‘customize-cra’)

function addRendererTarget(config) { config.target = ‘electron-renderer’ return config }

module.exports = override(addWebpackTarget(‘electron-renderer’)) ```

不打开浏览器

“start”: “cross-env BROWSER=none react-app-rewired start”,

ipc通信

image.png