使用vue开发electron

1.全局安装electron

npm i electron -g

查看是否安装成功

electron -v

在vue项目中添加electron模块

vue add electron-builder

添加成功后,目录中多了background.js文件

可以在background.js配置

例如 窗口大小,是否可以缩放,是否可以移动窗口等

打开开发者工具,操作栏 - view - toggle - developer tools

打包:

npm run electron:build

可在dist_electron中查看

electron下载 可以用yarn ,注意node版本20

相关推荐
Captaincc30 分钟前
AI 能帮你写代码,但把代码变成软件,还是得靠人
前端·后端·程序员
程序员杨工33 分钟前
【原创】SpringBoot3+Vue3客户管理系统
vue.js·springboot
吃饺子不吃馅2 小时前
如何设计一个 Canvas 事件系统?
前端·canvas·图形学
theOtherSky2 小时前
element+vue3 table上下左右键切换input和select
javascript·vue.js·elementui·1024程序员节
Baklib梅梅2 小时前
无头内容管理系统:打造灵活高效的多渠道内容架构
前端·ruby on rails·前端框架·ruby
over6972 小时前
浏览器里的AI魔法:用JavaScript玩转自然语言处理
前端·javascript
渣渣盟3 小时前
探索Word2Vec:从文本向量化到中文语料处理
前端·javascript·python·文本向量化
Pu_Nine_93 小时前
Vue 3 + TypeScript 项目性能优化全链路实战:从 2.1MB 到 130KB 的蜕变
前端·vue.js·性能优化·typescript·1024程序员节
云枫晖3 小时前
Webpack系列-Loader
前端·webpack
aggression3 小时前
代码敲击乐:让你了解前端的动静结合和移动端的适配性
前端