2 创建文件夹 在src目录下创建locales目录。 index.ts // src\locales\index.tsimport{createI18n}from'vue-i18n';importzhfrom'./package/zh.json';importenfrom'./package/en.json';// 创建 i18nconsti18n=createI18n({legacy:false,// 解决Not available in legacy mode报错globalInjection:true,// 全局模...
上段代码主要是一个入口文件,我们把创建创建窗口、创建监听事件、创建系统托盘等操作都风窗到了 window.ts 文件中,这里重点理解下面三个方法: window.listen() window.createWindows({ isMainWin: true }) window.createTray(); 3.2 新建 electron-main/window.ts 文件 前面的 index.ts 只是主进程的入口文件,接...
代码如下: // 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...
electron.vite.config.ts 配置,(按照main和renderer配置resolve-alias) import { defineConfig, externalizeDepsPlugin } from 'electron-vite' import react from '@vitejs/plugin-react' import path from 'path' export default defineConfig({ main: { resolve: { alias: { '@main': path.resolve(__dirname...
新建electron-main/index.ts文件 import { app, BrowserWindow } from "electron"; import* as path from "path";//本地启动的vue项目路径const localAddress = "http://localhost:5173";//创建一个新的窗口const createWindow = () =>{ const win=newBrowserWindow({ ...
https://gitee.com/dmhsq/react-ts-vite-electron https://github.com/promiseHusky/react-ts-vite-electron vite搭建项目 npm init vite@latest my-electron 选择react-ts 安装依赖包 代码语言:txt AI代码解释 npm i concurrently electron cross-env -D 创建main.js 代码语言:javascript 代码运行次数:0 运行 ...
实现功能的第一步，是通过封装方法来简化打开新窗口的操作。在主进程的入口文件 `index.ts` 中，我们可以设计专门的函数来创建窗口、事件监听和系统托盘功能。接着，创建 `window.ts` 文件，该文件将包含具体实现窗口创建、事件监听和系统托盘管理的函数。这些函数将与渲染进程协同工作，确保应用在不同...
主要是增加入口文件,因为 electron 还没有原生支持 ts,因此目前还是必须加载 js 文件,所以入口文件我们配置为解析后的 js 文件路径: dist/electron-main/index.js,然后修改执行脚本,在 build 命令中增加 electron-builder 打包命令。 electron-builder打包配置 代码语言:javascript 代码运行次数:0 运行 AI代码解释 # ...
electron-vite新一代electron开发构建工具 electron-vite新⼀代electron开发构建⼯具 ⽬录 前⾔ electron-vite 是什么 特性 安装 开发&编译 推荐项⽬⽬录 开始学习 配置 配置⽂件 配置智能提⽰ 预设配置 基于主进程的编译项预设:基于preload脚本的编译项预设:基于渲染进程的编译项预设:配置问题 如果 ...
electron + react + ts + vite的项目结构的说明 src 目录存放主要的。其中的 components 文件夹用于存放各种组件。pages 文件夹可能包含页面相关的代码。utils 文件夹通常有工具函数。electron 相关代码可能在特定的文件夹中。公共样式文件可能存放在 styles 文件夹。assets 目录用于存储静态资源。接口定义文件可能在 ...