详解Electron如何整合React使用搭建开发环境-创新互联-成都创新互联网站建设

关于创新互联

多方位宣传企业产品与服务 突出企业形象

公司简介 公司的服务 荣誉资质 新闻动态 联系我们

详解Electron如何整合React使用搭建开发环境-创新互联

小编这次要给大家分享的是详解Electron如何整合React使用搭建开发环境,文章内容丰富,感兴趣的小伙伴可以来了解一下,希望大家阅读完这篇文章之后能够有所收获。

创新互联公司从2013年成立,先为旌阳等服务建站,旌阳等地企业,进行企业商务咨询服务。为旌阳企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

简介

用于构建用户界面的 JavaScript 库

步骤

首先创建React

npx create-react-app doc

进入到doc项目

cd doc

安装electron

npm install electron --save-dev

安装依赖

判断是否为生产环境

cnpm install electron-is-dev --save-dev

在项目根目录创建main.js

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(urlLocation);
})

文章标题:详解Electron如何整合React使用搭建开发环境-创新互联
网页链接:http://kswsj.cn/article/hiiij.html

其他资讯