import electronfrom"vite-plugin-electron";//https://vitejs.dev/config/exportdefaultdefineConfig({ plugins: [ vue(), electron([ { entry:"electron/main.ts",//preload: {///Shortcut of `build.rollupOptions.input`//input: "electron/preload.ts",//},///Optional: Use Node.js API in the R...
在electron/main.ts 中添加一些代码 importpathfrom'path'import{app,BrowserWindow}from'electron'app.whenReady().then(()=>{constpreload=path.join(__dirname,'preload.js')consthtml=path.join(__dirname,'../index.html')newBrowserWindow({webPreferences:{preload,},}).loadFile(html)}) 在electron/prelo...
electron对应的是./node_modules/.bin/electron .对应的是当前路径package.josn中的main字段指向的路径 electron最终会执行node_modules/electron/index.js文件。 constfs=require('fs');constpath=require('path');constpathFile=path.join(__dirname,'path.txt');functiongetElectronPath(){letexecutablePath;if(fs...
稍后我们启动Electron时,也会让Electron加载这个目录下的入口程序。 启动Electron Electron的node module并没有提供API给开发者调用以启动进程 所以我们只能通过node的child_process模块来启动Electron的进程 代码如下: createElectronProcess () {this.electronProcess =spawn( require("electron").toString(), [path.join(...
vite-plugin-electron-renderer 简而言之,vite-plugin-electron-renderer职责是填充 Electron, Node.js 内置模块。 English| 简体中文 原理 加载Electron、Node.js CJS 包/内置模块/electron (示意图) ┏———┓ ┏———┓ │import{ ipcRenderer }from'electron'│ │ Vite dev server │ ┗———┛ ┗——...
在Vue3、Vite和Electron的组合下开发桌面程序是一个相对复杂但功能强大的方案。以下是一个分步骤的指南,帮助你理解并构建这样的项目: 1. 创建Vue3+Vite项目 首先,你需要使用Vite来创建一个Vue3项目。可以通过以下命令完成: bash npm create vite@latest 在提示中输入项目名称,并选择Vue作为框架。这将生成一个基本...
调试工具:electron-devtools-installer^3.2.0 markdown插件:vue3-markdown-it 缓存插件:pinia-plugin-persistedstate^3.1.0 electron整合vite插件:vite-plugin-electron^0.11.2 项目说明目录 项目布局框架 如下图:整个项目大致分为顶部操作区+侧边栏+主体内容区。
<electron-app> ✔ Select a framework: › vue ✔ Add TypeScript? … No / Yes ✔ Add Electron updater plugin? … No / Yes ✔ Enable Electron download mirror proxy? … No / Yes Scaffolding project in ./<electron-app>... Done. 接下来 npm install安装就可以了 3. 开发调试 ...
vite-plugin-electron/dist/index.d.ts Version: 1.7 kBTypeScriptView Raw 1 /// <reference types="node" /> 2 import { type Plugin } from 'vite'; 3 import { resolveViteConfig, withExternalBuiltins } from './utils'; 4 export { resolveViteConfig, withExternalBuiltins, }; ...
", "electron:serve": "concurrently -k \"yarn dev\" \"yarn electron\"", "electron:build": "vite build && electron-builder" }, "dependencies": { "vue": "^3.2.16" }, "devDependencies": { "@vitejs/plugin-vue": "^1.9.3", "concurrently": "^6.3.0", "cross-env": "^7.0.3",...