electron教程入门1

electron创建的三种方式

一  通过git 克隆快速展示项目

# 安装electron(只需安装一次)
$ npm install electron -g
# 克隆这仓库
$ git clone https://github.com/electron/electron-quick-start
# 进入仓库
$ cd electron-quick-start
# 安装依赖库
$ npm install
# 运行应用
$ npm start

 

二   通过electron-forge安装

# 安装electron(只需安装一次)
$ npm install electron-forge-g
# 创建项目
$ electron-forge init my-new-app
# 进入项目
$ cd my-new-app
# 安装依赖库
$ npm install
# 运行应用
$ npm start

三   手动安装
   1 新建一个文件夹,自己命名,就是项目名

   2 进入文件夹,创建index.html   main.js

   3 执行npm init  生成package.json

//main.js
const electron=require("electron")
let app=electron.app
let BrowserWindow=electron.BrowserWindow
let mainWindow=null;
app.on("ready",function(){
    mainWindow = new BrowserWindow({
        width:400,
        height:400,
        webPreferences: {
            nodeIntegration:true,
            preload: path.join(__dirname, 'preload.js')
        }
    })
    mainWindow.loadFile("index.html")
    //mainWindow.loadURL("http://localhost:8089")
    mainWindow.on("closed",()=>{
        mainWindow=null
    }) 
})