做桌面端用了flutter发现各种问题,其中svga透明通道和适配第三方游戏等等都是用h5兼容来做,麻烦的很,最主要的是flutter的初衷是同时做app和桌面端,但如果只是用flutter做桌面端那么性价比太低且兼容性问题太多,因此推荐使用electron来做桌面端应用,以现有的电脑配置来说,只要你的代码不要写的太烂,在用户的体验中感受...
前端时间我的一个朋友为了快速熟悉Vue3开发, 特意使用electron+vue3+ts开发了一个桌面端应用, 并在github上开源了, 接下来我就带大家一起了解一下这个项目, 在文章末尾我会放github的地址, 大家如果想学习vue3 + ts + electron开发, 可以本地clone学习参考一下. image.png 技术栈 以上是我们看到的便签软件使用...
我们需要先借助Vite初始化一个Vue3+TS的项目,后面我们在逐步添加electron,在任何一个文件夹下: 执行命令: npm create vite@latest my-vue-app -- --template vue-ts 安装依赖: npm install 运行项目: npm run dev 这样一个最简单的Vue3 + TS + Vite的前端项目就初始化好了。
│ │ ├──switch.vue │ │ └── tick.vue │ ├── config │ │ ├── browser.options.ts │ │ ├── classNames.options.ts │ │ ├── editorIcons.options.ts │ │ ├── index.ts │ │ └── shortcuts.keys.ts ...
针对于我们当前的Electron+Vue3+TS项目,主要实现以下需求。 需求如下: 在渲染进程中,直接调用某个方法即可打开新窗口。 默认打开的新窗口是一个子窗口。 打开新窗口方法可以接收参数。 可以传入路由地址,新窗口渲染此路由地址页面。 可以传入窗口样式,如宽高、背景色、是否显示默认菜单栏等等。
1.置顶 全屏,退出,最小化 2.通信 3.electron实现点:开机自启,置顶窗口,黑夜模式,悬浮窗,用于定时提醒,优化的窗口拖动,优雅丝滑的改变窗口大小和位置显示界面,自定义安装,以及自定义图标,最小化,自定义托盘。 4.node 包管理工具nvp 1.vite.config.ts配置https://blog.csdn.net/oBoLuoMi1/article/details/1310...
## 其实这个我得点名一下网络上所有的构建方法# 网上几乎所有的方法都是使用 vue3 + electron 方法构建项目# 总体来说前期配置几乎完全一样# 网络上流传的分三种# 1、手动替换 electron-vue 的 js 为 ts(方法复杂,不支持vue3)# 2、vue + electron,使用包管理器安装 electron-builder(打包后白屏)# 3、vue...
3. 然后安装 Electron 和 Vue 3: AI检测代码解析 npminstallelectron --save-devnpminstallvue@next vue-router@next--savenpminstalltypescript --save-devnpminstallts-loader --save-dev 1. 2. 3. 4. 接下来,安装 Vue CLI: AI检测代码解析
为了方便我们主进程与渲染进程的通信,我们借助vueuse插件库中的一个插件@vueuse/electron来简化我们的工作,具体使用方式可以查看官网:@vueuse/electron。 安装@vueuse/electron: npm install @vueuse/electron -D 渲染进程App.vue,使用示例代码如下: import { useIpcRenderer } from "@vueuse/electron"; const i...