使用vue开发electron

最新推荐文章于 2025-05-01 08:38:22 发布
最新推荐文章于 2025-05-01 08:38:22 发布
阅读量291 收藏
点赞数 2
文章标签： vue.js electron 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44707050/article/details/147635795
版权

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

RAY_CHEN.
关注
如何使用Vue开发Electron桌面程序
2401_84435768的博客
06-17 1096
1. 配置项目图标使用, 生成符合Electron的图标① 安装②中配置生成命令③ 生成图标④ 使用})2. 在Mac系统下的几个问题在mac系统下修改electron默认图标在根目录下放置一张名为icon的图片，即icon.png即可。在Mac系统下，复制粘贴无效的问题：可以在创建窗口的时候自定义快捷键：具体代码：preload:},icon:// icon:});/* if (!});});// esc，})
如何使用Vue开发Electron桌面程序，内容太过真实
2401_84024576的博客
03-31 1221
1. 配置项目图标使用, 生成符合Electron的图标① 安装②中配置生成命令③ 生成图标④ 使用})2. 在Mac系统下的几个问题在mac系统下修改electron默认图标在根目录下放置一张名为icon的图片，即icon.png即可。在Mac系统下，复制粘贴无效的问题：可以在创建窗口的时候自定义快捷键：具体代码：preload:},icon:// icon:});/* if (!*/} else {
如何使用Vue开发Electron桌面程序，2024年最新Web前端应用开发基础大纲
2401_83739411的博客
04-10 2178
1. 配置项目图标使用, 生成符合Electron的图标① 安装②中配置生成命令③ 生成图标④ 使用})2. 在Mac系统下的几个问题在mac系统下修改electron默认图标在根目录下放置一张名为icon的图片，即icon.png即可。在Mac系统下，复制粘贴无效的问题：可以在创建窗口的时候自定义快捷键：具体代码：preload:},自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。
2024年最新如何使用Vue开发Electron桌面程序(1)，前端开发培训就业
2401_84446919的博客
05-07 906
1. 配置项目图标使用, 生成符合Electron的图标① 安装②中配置生成命令③ 生成图标④ 使用})2. 在Mac系统下的几个问题在mac系统下修改electron默认图标在根目录下放置一张名为icon的图片，即icon.png即可。在Mac系统下，复制粘贴无效的问题：可以在创建窗口的时候自定义快捷键：具体代码：preload:},icon:// icon:});/* if (!});});// esc，})
2024年最全如何使用Vue开发Electron桌面程序，web开发需要学什么
2401_84433807的博客
05-07 1458
总的来说，面试官要是考察思路就会从你实际做过的项目入手，考察你实际编码能力，就会让你在电脑敲代码，看你用什么编辑器、插件、编码习惯等。所以我们在回答面试官问题时，有一个清晰的逻辑思路，清楚知道自己在和面试官说项目说技术时的话就好了开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】②中配置生成命令③ 生成图标④ 使用})2. 在Mac系统下的几个问题在mac系统下修改electron默认图标在根目录下放置一张名为icon的图片，即icon.png即可。
vue+Electron开发桌面应用
wl_qianduan的博客
03-21 480
使用 Vue CLI 创建一个新的 Vue 项目。打包完成后，可以在 dist_electron 目录下找到生成的安装包。
Electron如何使用vue进行开发？
王铁柱666的博客
10-27 753
Electron 是一个使用 JavaScript, HTML 和 CSS 构建跨平台桌面应用程序的框架。Vue.js 则是一个用于构建用户界面的渐进式 JavaScript 框架。将 Electron 与 Vue.js 结合使用，可以创建出功能强大且易于维护的桌面应用程序。
2024年前端最全如何使用Vue开发Electron桌面程序，2024年最新字节跳动面试没过会发邮件吗
2401_84616838的博客
05-13 780
大前端和全栈是以后前端的一个趋势，懂后端的前端，懂各端的前端更加具有竞争力，以后可以往这个方向靠拢。这边整理了一个对标“阿里 50W”年薪企业高级前端工程师成长路线，由于图片太大仅展示一小部分②中配置生成命令③ 生成图标④ 使用})在mac系统下修改electron默认图标在根目录下放置一张名为icon的图片，即icon.png即可。在Mac系统下，复制粘贴无效的问题：可以在创建窗口的时候自定义快捷键：具体代码：preload:},icon:// icon:});/* if (
Electron + Vue3 开发桌面应用
热门推荐
Hyung的博客
01-04 4万+
Electron + Vue3 开发桌面应用
SpringBoot + Vue + Electron 开发 QQ 版聊天工具的详细教程
10-15
主要介绍了SpringBoot + Vue + Electron 开发 QQ 版聊天工具的教程，本文通过截图实例代码相结合给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
Vue+Electron（electron-builder + electron-updater + electron-log）
09-06
使用Vue+Electron（electron-builder + electron-updater + electron-log）实现桌面应用程序的开发，面向所有electron使用者学习使用，内部源码都有注释。可参考文章（http://t.csdn.cn/BLM6Y）使用。
Electron项目中通过electron-vue + electron-builder + electron-updater实现远程更新（包含源码）
04-01
在电子应用开发中，使用Electron框架可以构建跨平台的桌面应用程序。为了保持软件的最新状态，开发者通常会采用远程更新机制。本项目利用`electron-vue`、`electron-builder`和`electron-updater`这三款强大的工具，...
vue-electron-chrome：基于电子开发的应用浏览器
01-29
电子浏览器 一个基于电子开发的应用浏览器，主要用于网页APP全屏模式运行，使WEB应用看起来更像一个原生应用浏览器主题可定制，配置简单，... build/electron-browser Setup 0.0.0.exe为安装文件。 软件运行配置说明
electron-vue开发桌面应用界面模板
11-01
标题中的“electron-vue开发桌面应用界面模板”指的是利用Electron和Vue.js框架构建的桌面应用程序的用户界面模板。Electron是一个用JavaScript、HTML和CSS构建跨平台桌面应用的开源库，它允许开发者使用Web技术来...
watch 数组 Vue 3
最新发布
qq_30049249的博客
05-01 191
发现在选项式中配置 watch 监听数组不起作用。且在 setup 中监听数组时，当不设置 deep 参数时，也进行了深度监听。在 setup 中使用 watch 监听数组变化。
JavaWeb：vue&axios
IT瘾君子的博客
04-28 390
JavaWeb、vue、axios、Ajax
基于Springboot + vue实现的列书单读书平台
如果回复的的不及时，请见谅。回复不及时请耐心等待。
04-29 394
书单信息管理：管理书单信息，包括新增、查看、修改、删除和查看评论。用户管理：管理系统中所有用户的信息，包括添加、删除和修改用户。后台管理：管理系统配置，包括轮播图和网站介绍的管理。书单信息管理：用户可以新增和查看书单信息。在线书店管理：用户可以查看在线书店信息。本系统包含管理员和用户两个角色。
Vue 中局部指令（directives）的用法详解
jingling555的博客
04-28 411
局部指令适合封装特定组件的功能，而全局指令则更适合应用于整个应用的通用功能。
vue 实现文件流下载功能 前端实现文件流下载
weixin_41346436的博客
04-29 74
【代码】vue 实现文件流下载功能 前端实现文件流下载。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值