记一次electron开发桌面英语(自用,类歌词)

本文记录了一次使用Electron开发桌面英语学习软件的经历,该软件能随机显示3500个单词,并且可以置顶显示,支持shift+ctrl+e快捷键关闭。作者分享了项目的基本功能、结构目录,并提及安装和Excel文件的使用。
摘要由CSDN通过智能技术生成

晒一下自己的考试成绩单,不感兴趣可以跳过

制作初心

这里放一下效果图
在这里插入图片描述

进入正题

功能

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', (
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值