import type { Plugin } from 'vite' import * as electronBuilder from 'electron-builder' import path from 'path' import fs from 'fs' // 导出Vite插件函数 export const viteElectronBuild = (): Plugin => { return { name: 'vite-electron-build', // closeBundle是Vite的一个插件钩子函数,用于...
安装electron-devtools-installer用于开发调试electron npm install -D electron-devtools-installer 用vite构建electron应用程序需要一个vite插件 npm install -D vite-plugin-electron 创建项目入口——主进程 electron引入成功了,可以开始写electron的相关代码了,新建一个src-electron文件用来写electron的代码,在它下面创建一...
注入到 window,可以在渲染器(页面)通过 window[apiKey] 访问contextBridge.exposeInMainWorld('electronAPI', {openChildWin:(data) =>ipcRenderer.send('open-child-window', data),closeChildWin:()=>ipcRenderer.send('close-child-window')// 出于安全原因,不要直接暴露整个 ipc...
Vue 3 + Vite 使用 Electron 搭建桌面应用是一个常见的组合。 Electron 是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架,它结合了 Chromium 和 Node.js,允许开发者使用前端技术创建跨平台的桌面应用。Vue 3 是一个流行的前端框架,而 Vite 是一个现代的前端构建工具,它们与 Electron 的结合可以极大地...
创建electron项目(快捷指令,尽量不要先创建vue3项目再安装electron并配置,超级麻烦且容易很多坑) cnpm create electron-vite cnpm i 或 cnpm create @quick-start/electron@latest 打包electron项目 npm run build 或通过以下指令来打包对应的平台包 如果卡在download提示github的网络问题导致打包失败,则自己根据报错提示...
首先,我们需要创建一个基本的 Vite + Vue 3 + Electron 项目结构。假设你已经安装了 Node.js 和 npm,接下来我们将一步步创建项目。 1. 初始化项目 # 创建项目文件夹mkdirvite-vue3-electron-expresscdvite-vue3-electron-express# 初始化 npm 项目npm init -y# 安装 Vite 和 Vue 3npm install vue@next ...
先用Vite创建一个Vue3的工程,这就是你的实际项目工程 接着安装几个Electron相关的依赖,最终我的工程下的依赖情况如下: 代码语言:javascript 代码运行次数:0 运行 AI代码解释 "@vue/compiler-sfc":"^3.0.0","vite":"^1.0.0-rc.9","vue":"^3.0.2","vue-router":"^4.0.0-rc.1","electron":"^11.0...
axios官网 一、安装依赖 npm install axios 二、封装通用请求工具 src/utils/request.ts import axios from 'axios' import { ElNotification , ElMessageBox, ElMessage, ElLoading } from 'element-plus' import { getToken } from '@/utils/auth' ...
三、vite.config.ts文件配置引用element-plus import { defineConfig } from 'vite' import path from 'node:path' import electron from 'vite-plugin-electron/simple' import vue from '@vitejs/plugin-vue' import AutoImport from 'unplugin-auto-import/vite'//自动导入相关api ...
官网:Why Electron⚡️Vite | Electron⚡️Vite github:electron-vite/electron-vite-vue: Really simple Electron + Vite + Vue boilerplate. electron-vite-vue使用 本文涉及版本 "vue":"^3.4.21","vue-router":"^4.0.13""electron":"^30.0.1","electron-builder":"^24.13.3","vite":"^5.1.6...