npm install @intlify/unplugin-vue-i18n -D 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:[/*...
上段代码主要是一个入口文件,我们把创建创建窗口、创建监听事件、创建系统托盘等操作都风窗到了 window.ts 文件中,这里重点理解下面三个方法: window.listen() window.createWindows({ isMainWin: true }) window.createTray(); 3.2 新建 electron-main/window.ts 文件 前面的 index.ts 只是主进程的入口文件,接...
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:5...
{"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:dev":"chcp 65001&&vite --config vite.config.electron.ts"},"depe...
我们需要先借助Vite初始化一个Vue3+TS的项目,后面我们在逐步添加electron,在任何一个文件夹下: 执行命令: npm create vite@latest my-vue-app -- --template vue-ts 安装依赖: npm install 运行项目: npm run dev 这样一个最简单的Vue3 + TS + Vite的前端项目就初始化好了。
针对于我们当前的Electron+Vue3+TS项目,主要实现以下需求。 需求如下: 在渲染进程中,直接调用某个方法即可打开新窗口。 默认打开的新窗口是一个子窗口。 打开新窗口方法可以接收参数。 可以传入路由地址,新窗口渲染此路由地址页面。 可以传入窗口样式,如宽高、背景色、是否显示默认菜单栏等等。
然后,在vite.config.ts中引入并使用该插件: import{defineConfig}from'vite';importnodefrom'vite-plugin-node';exportdefaultdefineConfig({plugins:[node()],}); 1. 2. 3. 4. 5. 6. 这样,Vite 就可以正确地解析和处理 Node.js 模块了。 问题二:Electron 的主进程和渲染进程文件结构 ...
由于我在项目中使用此方法未生效。 所以才有方案 二: 在electron的preload中将fs注入 electron入口文件 preload.js 使用ts开发时,需要在全局声明fs,我这里暂时声明未any类型,日后有时间再补充具体的类型。 shims.d.ts 然后就可以在vite中不需要导入就可以使用fs模块了。
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的镜像源 ...