关闭窗口或者其它 electron 操作事件时,都根据窗口 id 来获取到对应的窗口。 3.3 渲染进程调用 在渲染进程中我们使用@vueuse/electron 模块方便的进行主进程与渲染进程之间的通信,比如我们打开一个新窗口,可以像如下写法。 代码如下: <template> 打开新窗口 </template> import { useIpcRenderer } from "@vu...
我们需要先借助Vite初始化一个Vue3+TS 的项目,后面我们在逐步添加electron,在任何一个文件夹下: 执行命令: npm create vite@latest my-vue-app -- --template vue-ts 安装依赖: npm install 运行项目: npm run dev 这样一个最简单的Vue3 + TS + Vite的前端项目就初始化好了。 2.安装Electron相关包 初始...
我们需要先借助Vite初始化一个Vue3+TS的项目,后面我们在逐步添加electron,在任何一个文件夹下: 执行命令: npm create vite@latest my-vue-app -- --template vue-ts 安装依赖: npm install 运行项目: npm run dev 这样一个最简单的Vue3 + TS + Vite的前端项目就初始化好了。 2.安装Electron相关包 初始化...
{"name":"electron-jue-jin","private":true,"version":"0.0.1","scripts":{"dev":"vite","build":"vue-tsc --noEmit && vite build","preview":"vite preview"},"dependencies":{},"devDependencies":{"vue":"^3.2.37","@vitejs/plugin-vue":"^3.0.0","electron":"^19.0.8","typescript"...
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的镜像源 ...
创建electron项目(快捷指令,尽量不要先创建vue3项目再安装electron并配置,超级麻烦且容易很多坑) cnpm create electron-vite cnpm i 或 cnpm create @quick-start/electron@latest 打包electron项目 npm run build 或通过以下指令来打包对应的平台包 如果卡在download提示github的网络问题导致打包失败,则自己根据报错提示...
vue格式输出:点设置-配置用户代码片段 "Print to console": { "prefix": "vv", "body": [ "<template>", "", "", "", "</template>", "","exportdefault{","}","", "", "" ], "description": "Log output to console" }, "Print...
针对于我们当前的Electron+Vue3+TS项目,主要实现以下需求。 需求如下: 在渲染进程中,直接调用某个方法即可打开新窗口。 默认打开的新窗口是一个子窗口。 打开新窗口方法可以接收参数。 可以传入路由地址,新窗口渲染此路由地址页面。 可以传入窗口样式,如宽高、背景色、是否显示默认菜单栏等等。
先用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...
1. 搭建vite+vue-ts的项目 yarn create vite@ vuets_electron--templatevue-ts cd./vuets_electron yarn install&&yarn dev 2. 接入electron 为了保证electron能够正常安装,在 vuets_electron 的根目录下创建 .npmrc , 设置一下electron的镜像源 # /.npmrc ...