1.初始化项目(npm init)

2.安装electron框架(npm install --save-dev electron)

3.把package配置文件启动项更改为 "start": "electron ."

4.编写入口文件(index/main).js
const { app, BrowserWindow } = require('electron') //
保持对window对象的全局引用,如果不这么做的话,当JavaScript对象被 // 垃圾回收的时候,window对象将会自动的关闭 let win
function createWindow () { // 创建浏览器窗口。 win = new BrowserWindow({ width: 800,
height: 600 }) // 然后加载应用的 index.html。 win.loadFile('index.html') // 打开开发者工具
win.webContents.openDevTools()// 当 window 被关闭,这个事件会被触发。 win.on('closed', () => {
// 取消引用 window 对象,如果你的应用支持多窗口的话, // 通常会把多个 window 对象存放在一个数组里面, //
与此同时,你应该删除相应的元素。 win = null }) } // Electron 会在初始化后并准备 // 创建浏览器窗口时,调用这个函数。 //
部分 API 在 ready 事件触发后才能使用。 app.on('ready', createWindow) // 当全部窗口关闭时退出。 app.on(
'window-all-closed', () => { // 在 macOS 上,除非用户用 Cmd + Q 确定地退出, //
否则绝大部分应用及其菜单栏会保持激活。 if (process.platform !== 'darwin') { app.quit() } }) app.on(
'activate', () => { // 在macOS上,当单击dock图标并且没有其他窗口打开时, // 通常在应用程序中重新创建一个窗口。 if
(win ===null) { createWindow() } })
5.创建需要展示的html界面
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Hello World!</title
> </head> <body> <h1>Hello World!</h1> </body> </html>
6.运行npm启动命令(npm start)

技术
©2019-2020 Toolsou All rights reserved,
[work] python读取txt文件最后一行你应该知道的这些Mybatis-Plus使用技巧vue 获取el-select选中项的label值 0032-如何在CDH启用Kerberos的情况下安装及使用Sentry(二)(精华)2020年7月15日 微信小程序 template的使用python 动态规划求解单源最短路径el-ui:select获取值el-select获取选中项label值(精华)2020年7月13日 微信小程序 页面间通信vue vue-element-admin项目踩坑小结