环境
win10
VSCode
下载node.js
网址:https://nodejs.org/en/
左边那个是稳定版,右边那个是先行版
打开win10的命令提示符(在搜索框中输入cmd即可)输入 node -v 和 npm -v 检查是否安装成功
全局安装Electron cmd中
输入命令 install -g electron
检查是否安装成功 electron -v
在vscode中创建项目
在自己的磁盘中创建一个文件夹(目录),如dir
将该目录拖拽到vscode平时写代码的区域,创建主进程文件
第一个程序
index.html文件:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
hello world!
</body>
</html>
index.js文件:
var electron = require('electron'); //导入electron模块
var app = electron.app;
var BrowserWindow = electron.BrowserWindow;
var win = null;
app.on('ready',function(){ // app打开时
win = new BrowserWindow();
win.loadFile('index.html'); // 加载页面
win.on('closed',function(){ // 记得在关闭窗口后将win的引用置空,释放内存
win = null;
})
})
app.on('closed',function(){
app.quit();
})
在终端输入 electron . 运行
electron .
运行结果:
参考
【Electron免费视频教程-从基础到实战-哔哩哔哩】 https://b23.tv/N3yPY9e