4.3.配置开发环境

npx create-react-app cloud-doc
cd cloud-doc
npm install electron --save-dev

npm install electron-is-dev --save-dev

main.js  app.on('ready') callbackurlLocation
const { app,Browserwindow } = require( 'electron ')
家
const isDev = require( 'electron-is-dev ' )
let mainwindow;
app.on( "ready ',(→{
mainwindow = new Browserwindow( {
width: 1024,
height: 680,
webPreferences: {
nodeIntegration: true,}
})
const urllocation = isDev ? 'http://localhost:3000': 'dummyurl'
mainWindow.loadURL()

main:"main.js"

"dev": electron.

一条命令执行项目

ele:"electron ."
"dev":"npm start & npm run ele"

解决React不自动结束的问题和日志混乱的问题

npm install concurrently --save-dev 

"dev": "concurrently \"electron .\" \"npm start\""

解决白屏问题

npm install wait-on --save-dev

"dev": "concurrently \"wait-on http://localhost:3000 && electron .\" \"npm start\""

不让浏览器打开React

npm install --save-dev cross-env

"dev": "concurrently \"wait-on http://localhost:3000 && electron .\" \"cross-env BROWSER=none npm start\""