初接觸electron

1、安裝html

一、安裝gitnode

二、安裝node.js  安裝完成後配置npmgit

三、安裝electron和electron rebuiltnpm

四、打開electron.exe,將包含main.js、package.json和index.html的文件夾拖拽到electron.exe便可預覽你的應用編程

五、將上述文件夾名稱改成app,放置electron的resources文件夾下,打開此時的electron,即你寫的應用。也可經過一些工具給該應用換名稱和圖標。json

2、編程app

一、建立一個窗口electron

在main.js(主進程)中:工具

const {app,BrowserWindow}=require('electron');   //先聲明兩個常量
let mainWindow; //聲明一個變量
app.on('window-all-closed',function(){
  app.quit; //當全部窗口都被關閉時,中止app
});
app.on('ready',function(){
  mainWindow=new BrowserWindow({width:600,height:500});//聲明一個窗口並賦值給mainWindow變量
  mainWindow.LoadURL('file://'+__dirname+'/index.html'); //設置新窗口的加載內容,這裏是一個HTML文件
  mainWindow.openDevTools(); //開啓調試工具
  mainWindow.on('closed',function(){
    mainWindow=null; //關閉該窗口
  })
})

大功告成!ui

二、

相關文章
相關標籤/搜索