初接触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

二、

相关文章
相关标签/搜索