记一次electron开发桌面英语(自用,类歌词)
晒一下自己的考试成绩单,不感兴趣可以跳过
制作初心
这里放一下效果图
进入正题
功能
1.3500单词随机展示。
2.显示在桌面的最上方。
3.shift+ctrl+e快捷键一键关闭。
就先这样吧。
安装(略)
electron的安装我就不过多阐述了。官网和现有博客已经很详细了,安装过程坑也不多。
放个官网文档地址,不过官网文档关于中文翻译感觉是机翻很难用,还是别的地方查查吧。
项目结构目录
package.json
{
"name": "my-electron-app",
"version": "1.0.0",
"description": "",
"main": "main.js",
"dependencies": {
"node-xlsx": "^0.15.0"
},
"devDependencies": {
"electron": "^10.1.5"
},
"scripts": {
"start": "electron ."
},
"keywords": [],
"author": "",
"license": "ISC"
}
“scripts”: {
“start”: “electron .”
},
这个是配置npm命令行启动,npm start
main.js
const {
app,
BrowserWindow,
globalShortcut
} = require('electron')
//这边要记得加入globalShortcut
function createWindow() {
const win = new BrowserWindow({
width: 1000,
height: 70,
x:250,
y:50,
//背景透明
transparent: true,
//取消菜单栏(取消菜单栏后不能移动,所以以上我固定了位置)
frame: false,
//置于桌面最前方
alwaysOnTop: true,
webPreferences: {
//配置集成node环境
nodeIntegration: true
}
})
// 注册全局快捷键
globalShortcut.register('ctrl+shift+e', (