打包electron项目 npm run build 或通过以下指令来打包对应的平台包 如果卡在download提示github的网络问题导致打包失败,则自己根据报错提示链接先下载对应的包,再手动放到对应的目录即可,以下是各平台对应的目录: Linux: $XDG_CACHE_HOME or ~/.cache/electron/MacOS:~/Library/Caches/electron/Windows:%LOCALAPPDATA%...
接上篇配置篇 【electron+vue3+ts实战便笺exe】一、搭建框架配置,这里更新了一下vue3的版本3.0.4,本篇文章只讲开发内容,主要还是vue3方面,长文警告。ps:smartblue这个主题好好看。。。 router 增加meta中的title属性,显示在软件上方头部import { createRouter, createWebHashHistory } from 'vue-router'; import...
上段代码主要是一个入口文件,我们把创建创建窗口、创建监听事件、创建系统托盘等操作都风窗到了 window.ts 文件中,这里重点理解下面三个方法: window.listen() window.createWindows({ isMainWin: true }) window.createTray(); 3.2 新建 electron-main/window.ts 文件 前面的 index.ts 只是主进程的入口文件,接...
前端时间我的一个朋友为了快速熟悉Vue3开发, 特意使用electron+vue3+ts开发了一个桌面端应用, 并在github上开源了, 接下来我就带大家一起了解一下这个项目, 在文章末尾我会放github的地址, 大家如果想学习vue3 + ts + electron开发, 可以本地clone学习参考一下. image.png 技术栈 以上是我们看到的便签软件使用...
帮助文档:简介 | Electron TypeScript中文网 Vite Vue3js 1、关于开发环境启动后,窗体程序没有自动启动的问题 因为设置的端口没有触发main.js中设置的是3000,在vite.config.ts中也设置成3000就可以解决 2、关于json文件的读取 1)使用axios请求读取:axios.get("./site_data.json") ...
vue3 + ts + electron项目搭建过程 1、输入指令 npm create electron-vite 2、工程创建好后进入工程目录 执行 npm i 加载依赖项, 加载过程中可能会出现加载失败的问题,是因为github资源的问题,非项目本身问题,多执行几次即可 3、打包 输入npm run build,打包过程也会出现打包失败的问题,原因和上面一样,也是...
针对于我们当前的Electron+Vue3+TS项目,主要实现以下需求。 需求如下: 在渲染进程中,直接调用某个方法即可打开新窗口。 默认打开的新窗口是一个子窗口。 打开新窗口方法可以接收参数。 可以传入路由地址,新窗口渲染此路由地址页面。 可以传入窗口样式,如宽高、背景色、是否显示默认菜单栏等等。
我们需要先借助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 1.5万 已完结 ·共79课时 长期有效 前后端实战项目集发布者 后盾人编程 发布者 向军大叔 主讲人 10+年视频录制与软件开发经验,注重实战项目技术分享 课程概述 评论(13) 常见问题 Q:课程在什么时间更新? A:课程更新频次以页面前端展示为准。购买成功后,课程更新将通过账号...