手把手教Electron+vue的使用

最新推荐文章于 2025-06-22 11:55:23 发布
最新推荐文章于 2025-06-22 11:55:23 发布
阅读量572 收藏
点赞数
分类专栏： 平时学习笔记
本文分享了一篇非常实用的技术文章链接，具体内容涵盖了多种编程语言和技术领域的深入探讨。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

很实用https://www.cnblogs.com/jiangxifanzhouyudu/p/9517651.html

electron打包vue项目
xuhss_com的博客
03-06 467
Python微信订餐小程序课程视频 https://edu.csdn.net/course/detail/36074 Python实战量化交易理财系统 https://edu.csdn.net/course/detail/35475 创建项目 点击这里 添加electron-builder 1、在项目目录下运行命令：vue add electron-builder 2、electron-builder添加完成后会选择electron版本，直接选择最新版： electron下载失败 vue add elec
手把手教你 Electron + Vue 搭建前端桌面应用
Sanzhutech的博客
07-12 3867
一、在使用 Electron 之前我们要了解 Electron 是什么？ Electron 官网地址 点此 : electron 官方地址 Electron 相当于一个浏览器的外壳 , 我们将 编写的 HTML , CSS , Javascript 网页程序 嵌入进 Electron 里面 以便于在桌面上进行运行。 通俗来讲它就是一个软件 ， 如 QQ 、网易云音乐、优酷视频 等等。功能至强大 超乎你的想象 二、开发环境的准备 安装 Node.js 坏境 Node.js 官网地址 点此 node
Electron + Vue3 进程通信全攻略——主进程与渲染进程的那点事。
最新发布
专研技术的大学生:会点Java和前端
06-22 1061
本文对比了Electron中主进程与渲染进程通信的两种方式。传统send+on模式适合单向通知，需手动管理回复逻辑；现代invoke+handle模式基于Promise，简化了双向通信和错误处理。对于主进程主动推送数据，推荐使用webContents.send实现实时通信。文中提供了Vue3项目中的完整代码示例，建议根据场景需求选择通信方式：无返回值用send，需要返回数据用invoke，实时推送用webContents.send。
Electron+vue的使用
天涯的浪子
08-20 2022
Electron Electron相当于一个浏览器的外壳，可以把网页程序嵌入到壳里面，可以运行在桌面上的一个程序，可以把网页打包成一个在桌面运行的程序，通俗来说就是软件，比如像QQ、优酷、网易音乐等等。功能的强大超出你的想象，可以构建跨平台桌面程序，本身支持node.js，可以使用node.js的一些模块。Electron官网 Electron + Vue 联合使用 安装Nodejs 安装成功之后node -v,会显示版本。 node -v v8.11.1 搭建Vue开发环境 我们.
【转】如何使用electron+vue
weixin_30672295的博客
05-24 193
文章转载自：https://www.cnblogs.com/jiangxifanzhouyudu/p/9517651.html 1.关于Electron的介绍：https://electronjs.org 　　简单来说就是可以将网页程序做成一个桌面软件 2.关于vue的介绍：https://cn.vuejs.org 　　作为前端框架，vue，angular等吸引了一大批前端 在使用...
vue-cli3+Electron
hunter_97的博客
04-22 3826
注意：我这里使用的是vuecli3。之前的版本可以参考electron-vue 起步。 一、 创建项目 创建vue项目。 参考我之前的文章vue 之 vue-cli3，创建项目。这里我创建的项目是electron-vue-test。 安装electron,自动安装和手动安装任选其一。 2.1 自动安装，进入到项目根目录，执行：vue add electron-builder，然后选择elec...
从零开始手把手Vue3+TypeScript+ElementPlus管理后台项目实战四（引入Axios，并调用第一个接口）
douyh的专栏
06-07 975
从零开始手把手Vue3+TypeScript+ElementPlus管理后台项目实战四（引入Axios，并调用第一个接口）
手把手教你如何手动整合electron与vue
- 由于 Electron 应用可以有多个窗口，你可能需要创建多个 Vue 实例或使用 Vue Router 的嵌套路由来处理多个视图。 6. 打包和分发 Electron 应用： - Electron 应用的打包可以通过 electron-builder 或 electron-...
Electron-Vue的基本使用
m0_54853146的博客
03-11 3932
Electron-Vue 是个可以让我们使用 Vue 来开发 Electron 桌面程序的框架，单页面的应用解决了在Electron中每次打开新页面都要创建窗口的烦恼。 1. 环境搭建 // 安装脚手架 npm install -g vue-cli // 初始化项目 vue init simulatedgreg/electron-vue my-project // 进入项目 cd my-project // 安装依赖 yarn 上面的项目在初始化时一定要安装Electron，另外安装依赖时也可以 npm
在vue项目中使用electron
Debug的博客
10-28 3116
然后将一些自己需要的选项勾选上（例如路由vuex等） 回车。npm run serve运行项目看看是否正常。在vue项目中新建vue.config.js。然后选择最新版本的electron。在项目终端输入以下代码进行安装。遇到选项后直接yes进行下一步。选择自定义安装 回车。等待项目创建完成后拖入编码器。然后选择2.x版本 回车。接下来几步一直回车就可以。选择最后一个 回车。双击应用程序进行安装。
vue-cli项目中使用Electron
weixin_40398599的博客
01-11 3467
在vue-cli项目中使用electron的方法
electron入门 | 手把手带electron项目初始化
happy921212的博客
04-29 1683
electron入门 | 手把手带electron项目初始化。Electron是一个基于Chromium和 Node.js，可以使用 HTML、CSS和JavaScript构建跨平台应用的技术框架，兼容 Mac、Windows 和 Linux。
electron（一）：vue成型项目中使用electron
浩星
11-06 7126
前言： 在对electron的认识逐渐加深的情况下，来整理下自己的心得，在网络比较差的情况下，如何快速将一个vue项目引入electron，从而让他可以打包成桌面应用。 目录： 前提+准备工作： 实现步骤： 1、在vue项目npm框中输入：这里是给vue配置electron，注意这里是从国外下载东西，特别慢 2、配置electron版本，回车确定，这里推荐是9, 我这里是9.3.3 3、到这一步，用ctrl+c将他截停，这是因为我的网络太差 了，后面的配置文件，我这边是下不了，...
vue2使用electron以及打包配置
m0_63701303的博客
01-15 3266
vue2使用electron以及打包配置
vue项目中 electron基本使用
janeen-jn的博客
10-27 1286
Electron是一个可以使用前端技术开发一个跨平台桌面应用的框架，简言之就是 一个框架 使用它可以生成桌面应用 1、使用vue脚手架生成vue项目 vue init webpack test_electron 一系列选择后生成项目 2、将vue项目打包 npm run build 此时会生成dist目录 打包前需要将资源文件路径改为相对路径 此处使用脚手架2 所以在config/build/index.js build{} 中更改assetsPublicPath: “./” 3、在项目dist目录下开始
使用vue开发electron
weixin_44707050的博客
04-30 747
打开开发者工具，操作栏 - view - toggle - developer tools。electron下载 可以用yarn ，注意node版本20。添加成功后，目录中多了background.js文件。例如 窗口大小，是否可以缩放，是否可以移动窗口等。在vue项目中添加electron模块。可以在background.js配置。可在dist_electron中查看。1.全局安装electron。
Electron+Vue桌面应用开发示例教程
资源摘要信息:"本示例项目展示了如何使用Electron结合Vue.js框架搭建一个基础的桌面应用。Electron是一个能够使用JavaScript、HTML和CSS等网页技术来构建跨平台的桌面应用的框架。它基于Chromium和Node.js，因此可以...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值