electron_mirror=https://registry.npmmirror.com/-/binary/electron/:这个配置项指定了 Electron 包的镜像源,用于下载 Electron 框架相关的二进制文件 安装electron相关插件 接下来就可以进行安装electron和它相关的插件了 // 进入到项目中安装 electron npm install -D electron 安装electron-builder用于打包可安装exe程...
module.exports={publicPath:"./",pluginOptions:{electronBuilder:{builderOptions:{"productName":"test",//项目名,也是生成的安装文件名 桌面应用.exe"win":{//win相关配置"icon":"",//图标,当前图标在根目录下,注意这里有两个坑"target":[{"target":"nsis",//利用nsis制作安装程序"arch":["x64",//...
vue add electron-builder 过程中会提示你选择Electron的版本,选择最新版本即可。 在这个过程中,由于网络的原因,Electron可能会安装失败,这时候如果node_modules文件夹中已经有electron文件夹(该文件夹是不完整的electron包,不能运行),那么删除这个文件夹,然后可以使用cnpm重新安装electron。 cnpm i electron --S 注意,...
https://simulatedgreg.gitbooks.io/electron-vue/content/cn/ https://github.com/SimulatedGREG/electron-vue 注意:由于electron-vue作者长时间未更新,里面electron版本v2.0.4太旧,如遇问题,可升级到最新版本 ◆ Electron主进程index.js 通过BrowserWindow创建和控制浏览器窗口,官网有详细介绍,这里略过... https://...
最近一直在折腾Vue3+Electron技术结合的实践,今天就来分享一些vue3.x和electron实现开启多窗口功能。 开始本文之前,先来介绍下如何使用vue3和electron来快速搭建项目。 目前electron.js的star高达89.3K+,最新稳定版v11.2.3。 使用vue开发electron应用,网上有个比较火的脚手架electron-vue,不过里面的版本太低,而且使用的...
项目说明: electron-vChat聊天是一个基于electron+electron-vue+vue+vuex+Nodejs+vue-router等技术开发的高仿微信pc客户端界面聊天室项目,实现消息发送/表情,图片/视频预览,拖拽上传/粘贴截图发送/微信dll截图,右键菜单、朋友圈/红包/换肤等功能。 预览图:
整个项目采用vite5.x构建工具整合electron跨端技术,使用vue3 setup语法编码开发。 入口配置main.js import { createApp } from 'vue' import './style.scss' import App from './App.vue' // 引入组件库 import ElementPlus from 'element-plus'
我们用的VsCode 也是 electron 开发的 electron 内置了 Chromium 和 nodeJS 其中 Chromium 是渲染进程 主要渲染和解析HTML,Nodejs作为主进程,其中管道用IPC 通信 1.使用vite 构建 electron项目 创建一个vite 项目 npm init vite@latest 安装electron npm install electron -D npm install vite-plugin-electron -D 根...
1. 使用 vue cli 创建vue项目 代码语言:javascript 复制 vue create electron-test 2. 安装插件 vue-cli-plugin-electron-builder 代码语言:javascript 复制 vue add electron-builder image.png 3. 安装完插件后, 项目中的一些变化 ① package.json 新增了几个scripts ...