您的当前位置：首页跨平台GUI程序开发平台--electron

跨平台GUI程序开发平台--electron

来源：易妖游戏网

开发GUI程序，以前用VB、VC、Delphi，C#，Java，QT，pyQt

现在，可以用html5，自带一个浏览器引擎，且可以访问本地文件系统。vscode这个轻量级开发工具，就是用electron开发的。

2、cd demo1

npm init -f

创建出package.json。（package.json文件 http://javascript.ruanyifeng.com/nodejs/packagejson.html）

3、npm install electron -save

（-save和-save-dev https://www.cnblogs.com/limitcode/p/79047.html）

4、新建文件main.js

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

let mainWindow

function createWindow() {
    mainWindow = new BrowserWindow({width:800, height:600, autoHideMenuBar:true})
    mainWindow.loadURL('file://'+__dirname+'/index.html')
    mainWindow.openDevTools()
    mainWindow.on('closed', function () {
        console.log('hello')
        mainWindow = null
      })
}
app.on('ready', createWindow)

5、新建index.html

<!DOCTYPE html>
<html lang="en">
<body>
    <h1>hello world</h1>
    <a href="http://www.w3school.com.cn">W3School</a>
</body>
</html>

6、在package.json中增加

  "main": "main.js",
  "scripts": {
    "start": "electron .",

看到窗口弹出，打开了index.html网页。

因篇幅问题不能全部显示，请点此查看更多更全内容

查看全文