vite.config.ts加入下面插件: // vite.config.tsimport{defineConfig}from'vite'import{resolve,dirname}from'node:path'import{fileURLToPath}from'url'importVueI18nPluginfrom'@intlify/unplugin-vue-i18n/vite'exportdefaultdefineConfig({/* ... */plugins:[/* ... */VueI18nPlugin({/* options *//...
上段代码主要是一个入口文件,我们把创建创建窗口、创建监听事件、创建系统托盘等操作都风窗到了 window.ts 文件中,这里重点理解下面三个方法: window.listen() window.createWindows({ isMainWin: true }) window.createTray(); 3.2 新建 electron-main/window.ts 文件 前面的 index.ts 只是主进程的入口文件,接...
vite --config vite.config.electron.ts:指定vite运行时的配置文件。 {"name":"electron_vite","private":true,"version":"1.0.0","main":"dist-electron/main.js","type":"commonjs","scripts": {"dev":"chcp 65001&&vite","build":"vue-tsc && vite build","preview":"vite preview","electron:...
代码如下: // electron-main/window.tsimport { app, BrowserWindow, ipcMain, Menu, Tray } from "electron";import path from "path";interface IWindowsCfg {id: number | null;title: string;width: number | null;height: number | null;minWidth: number | null;minHeight: number | null;route: s...
我们需要先借助Vite初始化一个Vue3+TS的项目,后面我们在逐步添加electron,在任何一个文件夹下: 执行命令: npm create vite@latest my-vue-app -- --template vue-ts 安装依赖: npm install 运行项目: npm run dev 这样一个最简单的Vue3 + TS + Vite的前端项目就初始化好了。
npm install -D electron electron-builder electron-devtools-installer vite-plugin-electron vite-plugin-electron-renderer rimraf 新建electron-main/index.ts文件 import { app, BrowserWindow } from "electron"; import* as path from "path";//本地启动的vue项目路径const localAddress = "http://localhost:...
这篇文章主要记录一下Electron结合前端框架Vue + Vite的应用,整合三者框架并实现一键打包 目录结构 Vue 源码依旧放在src Electron 相关放在electron Vue + Vite 作为前端经常使用的,简单提一下 执行创建 Vue 项目指令 npm create vue@latest 创建一个包含Vue + Vite + TS + Pinia + ESLint + Prettier的项目 ...
1.初始化vue3项目 2.安装electron、electron-win-state 3.根目录新增main.ts文件 4.package.json文件新增入口文件,和执行...
electron+vue3+vite+ts项目中使用svg图标,项目结构1.首先引入svg插件yarnaddsvg-sprite-loader-D//或者npminstallsvg-sprite-loader-D2.创建文件1、创建icons文件夹,里面创建 index.ts(svgicon的js逻辑),svg文件夹(svg图标存...
https://github.com/promiseHusky/react-ts-vite-electron vite搭建项目 npm init vite@latest my-electron 选择react-ts 安装依赖包 代码语言:txt 复制 npm i concurrently electron cross-env -D 创建main.js 代码语言:javascript 复制 const { app, BrowserWindow } = require('electron'); class AppWindow ex...