Electron简单开发

接到一个任务,将electron集成到solidworks中,所以记录一下electron的简单操作,我是基于官网的教程写的,如有不对,欢迎指正

1.参考网站

https://www.electronjs.org/zh/docs/latest/tutorial/quick-start

2.HelloWold编写

2.1新建空文件夹

在这里插入图片描述

2.2node初始化

输入node init,填写node信息

在这里插入图片描述

2.3安装electron依赖

npm 太慢了,淘宝镜像依然能用

cnpm install electron --save-dev

2.4添加.gitignore 文件

不要添加就行,git先不用

2.5创建main.js文件和index.html

记得看一下package.json中的信息

在这里插入图片描述

创建main.js文件

const { app, BrowserWindow } = require('electron')

const createWindow = () => {
    const win = new BrowserWindow({
        width: 800,
        height: 600
    })

    win.loadFile('./index.html')
}

app.on('window-all-closed', () => {
    if (process.platform !== 'darwin') app.quit()
})

app.whenReady().then(() => {
    createWindow()
})

2.6运行electron应用

在package.json中添加script,如果是helloword输出成功了,那就完活了

在这里插入图片描述

出现如下界面,完活!

在这里插入图片描述

3.打包

下载forge

npm install -g --save-dev @electron-forge/cli

打包

npx electron-forge import

这时候发现程序一直卡到这边
在这里插入图片描述

解决方案:

C:\Users\用户名.npmrc,添加如下内容:

在这里插入图片描述

生成exe文件

在这里插入图片描述