原理读者默认知道create-react-app和electron是什么以及它们的基本用法，就不做过多介绍了。本质上就是我们使用react项目打开http://localhost:3000端口，然后使用electron加载这个端口内容，这样就完成了开发环境的搭建！安装使用npm或yarn全局安装create-react-app脚手架npminstall-gcreate-react-app//oryarnadd-gcreate-react-app创建一个react项目create-react-appyour-project-name那里是一种情况，那是因为国内的网络情况，一个众所周知的原因（U·ene·*U）可能会导致项目创建失败或者创建的项目缺少一些文件。解决方法很简单，切换国内源npmconfigsetregistryhttps://registry.npm.taobao.org#验证源是否配置成功npmconfiggetregistryprojectcreated#进入项目cdyour-project-name#创建main.js文件touchmain.jsinstallelectrondependencyyarnaddelectron--saveeditmain.jsconst{app,BrowserWindow}=require('electron')app.on('ready',()=>{letmainOption={width:1200,height:600,webPreferences:{nodeIntergration:true}}leturl='http://localhost:3000'letmainWindow=newBrowserWindow(mainOption)mainWindow.loadURL(url)})编辑package.json...//添加"main":"main.js","scripts":{"start":"react-scriptsstart","buildd":"react-scriptsbuild","test":"react-scriptstest","eject":"react-scriptseject","dev":"electron."},启动项目#reactyarnstart#electronyarndev大功告成！如果你对Electron感兴趣，可以看看这篇Electron开发实践
