electron+antd进行桌面开发并打包教程

本文主要是介绍electron+antd进行桌面开发并打包教程，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

electron+antd进行桌面开发并打包教程

1、初始化工程目录并安装electron，(如果安装巨慢可换成淘宝源cnpm)

npx create-react-app electron-test
cd electron-test
npm install electron electron-builder cross-env --save-dev

2、在src目录下添加main.js

const {app, BrowserWindow} = require('electron')
const path = require('path')
const url = require('url')
let mainWindow
function createWindow () {mainWindow = new BrowserWindow({width: 800, height: 600})const startUrl = process.env.ELECTRON_START_URL || url.format({pathname: path.join(__dirname, '/../asset/index.html'),protocol: 'file:',slashes: true});mainWindow.loadURL(startUrl);// Open the DevTools.// mainWindow.webContents.openDevTools()mainWindow.on('closed', function () {mainWindow = null})
}
app.on('ready', createWindow)
app.on('window-all-closed', function () {if (process.platform !== 'darwin'

这篇关于electron+antd进行桌面开发并打包教程的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---