所以我们需要修改vite.config.ts配置文件,以此将electron和vite项目结合起来。 代码如下: import { defineConfig } from "vite"; import vue from "@vitejs/plugin-vue"; import * as path from "path"; import electron from "vite-plugin-electron"; import electronRenderer from "vite-plugin-electron/rendere...
上段代码主要是一个入口文件,我们把创建创建窗口、创建监听事件、创建系统托盘等操作都风窗到了 window.ts 文件中,这里重点理解下面三个方法: window.listen() window.createWindows({ isMainWin: true }) window.createTray(); 3.2 新建 electron-main/window.ts 文件 前面的 index.ts 只是主进程的入口文件,接...
所以我们需要修改vite.config.ts配置文件,以此将electron和vite项目结合起来。 代码如下: import { defineConfig } from "vite";import vue from "@vitejs/plugin-vue";import * as path from "path";import electron from "vite-plugin-electron";import electronRenderer from "vite-plugin-electron/renderer";im...
代码如下: // 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...
entry:"electron-main/index.ts",//主进程文件}), electronRenderer(), ], build: { emptyOutDir:false, }, 修改tsconfig.json "include": [..., "electron-main/**/*.ts"] 修改package.json "scripts": { ...,"dev": "vite --mode development","build": "rimraf dist && vite build && elec...
1.初始化vue3项目 2.安装electron、electron-win-state 3.根目录新增main.ts文件 4.package.json文件新增入口文件,和执行...
1. 搭建vite+vue-ts的项目 yarn create vite@ vuets_electron --template vue-tscd./vuets_electron yarn install && yarn dev AI代码助手复制代码 2. 接入electron 为了保证electron能够正常安装,在vuets_electron的根目录下创建.npmrc, 设置一下electron的镜像源 ...
github地址:https://github.com/xiaoxiangmoe/vite-plugin-commonjs-externals vite-plugin-commonjs-externals使用示例 由于我在项目中使用此方法未生效。 所以才有方案 二: 在electron的preload中将fs注入 electron入口文件 preload.js 使用ts开发时,需要在全局声明fs,我这里暂时声明未any类型,日后有时间再补充具体的类...
vue3 + ts + electron项目搭建过程 1、输入指令 npm create electron-vite 2、工程创建好后进入工程目录 执行 npm i 加载依赖项, 加载过程中可能会出现加载失败的问题,是因为github资源的问题,非项目本身问题,多执行几次即可 3、打包 输入npm run build,打包过程也会出现打包失败的问题,原因和上面一样,也是...
现有的vue3+ts+vite项目集成electron 文心快码BaiduComate 要将现有的Vue 3 + TypeScript + Vite项目集成到Electron中,你可以按照以下步骤进行: 1. 安装Electron及相关依赖 首先,你需要在你的Vue 3项目中安装Electron及其相关依赖。打开终端,在项目根目录下运行以下命令: bash npm install electron --save-dev ...