手动创建electron项目

创建文件夹eletrondemo01；内部文件index.html：渲染进程；main.js：主进程Npm init –y：初始化package.json文件。npm install electron –save-dev:使electron作为工具使用，从而有代码提示项目初始化代码：

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

const createWindow=()=>{
    // 可以有多个渲染进程
    const mainWindow=new BrowserWindow({
        width:600,
        height:400
    })
    // 
    mainWindow.loadFile(path.join(__dirname,'index.html'))

    // 创建第二个渲染进程
    const secondWindow=new BrowserWindow({
        width:400,
        height:200,
        parent:mainWindow
    })
    secondWindow.loadFile(path.join(__dirname,'index.html'))
}

// 监听应该的启动事件
app.on('ready',createWindow)

//监听窗口的关闭事件，关闭的时候退出应用，macOs需要排除
app.on('window-all-closed',()=>{
    if(process.platform!=='darwin'){
        app.quit()
    }
    console.log('退出')
})

// macOs中点击dock中的应用图标，重新创建窗口
app.on('activate',()=>{
    if(BrowserWindow.getAllWindows().length===0){
        createWindow()
    }
})

Electron .运行项目（全局要安装electron .）配置语法检查：
Npm install eslint -g，在项目中运行eslint –init，生成.eslintrc.js语法检查配置文件