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文件
上一篇: 游戏开发入门
下一篇: chatgpt赋能p