官网:Why Electron⚡️Vite | Electron⚡️Vite github:electron-vite/electron-vite-vue: Really simple Electron + Vite + Vue boilerplate. electron-vite-vue使用 本文涉及版本 "vue":"^3.4.21","vue-router":"^4.0.13""e
进程间的基本使用参见上面的教程【进程间通信】,这里需要介绍的是在electron-vite-vue项目中进程间的通信写法 electron-vite-vue项目packages的目录结构如下(即源码的目录结构) ├── packages | ├── main 主进程源码 | | └── index.ts | | └── vite.config.ts | ├── preload 预加载脚本源码 ...
2、选择模板 PS D:\webPro\yunfeng\electron> npm create electron-vite@latest electron-note ? Project template: » - Use arrow-keys. Return to submit. > Vue React Vanilla 1. 2. 3. 4. 5. 3、这里选择vue模板 PS D:\webPro\yunfeng\electron> npm create electron-vite@latest electron-note ...
npm install --save-dev vue-cli-plugin-electron-builder vue add electron-builder 配置Electron:在vue.config.js或electron-builder.config.js中配置Electron启动参数、打包选项等。 开发应用:编写Vue组件和逻辑,利用Electron的API访问系统资源。 调试与测试:利用Electron提供的调试工具或Vite的热模块替换功能进行快速开...
先用Vite创建一个Vue3的工程,这就是你的实际项目工程 接着安装几个Electron相关的依赖,最终我的工程下的依赖情况如下: 代码语言:javascript 代码运行次数:0 运行 AI代码解释 "@vue/compiler-sfc":"^3.0.0","vite":"^1.0.0-rc.9","vue":"^3.0.2","vue-router":"^4.0.0-rc.1","electron":"^11.0...
二、vite按需引入插件 npm install -D unplugin-vue-components unplugin-auto-import unplugin-vue-components是一个用于Vue.js的插件,它允许你导入Vue组件,而不需要在你的代码中显式地导入它们。这个插件可以让你按需导入组件,从而减少初始加载大小。
简介: 使用vue3+vite+electron构建小项目介绍Electron进程间通信 进程间通信 (IPC) 是在 Electron 中构建功能丰富的桌面应用程序的关键部分之一。 由于主进程和渲染器进程在 Electron 的进程模型具有不同的职责,因此 IPC 是执行许多常见任务的唯一方法,例如从 UI 调用原生 API 或从原生菜单触发 Web 内容的更改。
在main.js文件中,创建一个 Electron 应用程序并加载 Vue 3 应用程序。 安装Plotly: npminstallplotly.js 创建一个组件来显示 Plotly 图形。 在组件中编写代码以从串口接收数据并将其传递给 Plotly。 使用Vite 来启动开发服务器: npmrundev 使用electron-builder 来构建应用程序: ...
2. 创建一个vite项目 在windows包里调出cmd后执行 npm create vite 3. 安装electron npm install --save-dev electron npm install --save-dev electron@20.0.0 指定版本 注意:在electron21+后调用C++动态库会出现Error: Error in native callback错误,原因:Electron 21 及更高版本将启用 V8 内存隔离区,这将...
baseURL: import.meta.env.VITE_APP_BASE_API, // 超时 timeout: 10000 }) // request拦截器 service.interceptors.request.use(config => { // 是否需要设置 token const isToken = (config.headers || {}).isToken === false // 是否需要防止数据重复提交 ...