33 8 66 2 独立开发者项目 发现《夜曲》 知识 野生技能协会 桌面 前端 typescript Vue ts electron vue3
前端时间我的一个朋友为了快速熟悉 Vue3 开发, 特意使用 electron+vue3+ts 开发了一个桌面端应用, 并在 github 上开源了, 接下来我就带大家一起了解一下这个项目, 在文章末尾我会放 github的地址, 大家如果想学习vue3 + ts + electron 开发, 可以本地 clone 学习参考一下. 技术栈 以上是我们看到的便签软...
上段代码主要是一个入口文件,我们把创建创建窗口、创建监听事件、创建系统托盘等操作都风窗到了 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-Vue3-TS,软件升级实现自动更新 - 老张前端于20240419发布在抖音,已经收获了1.6万个喜欢,来抖音,记录美好生活!
前端时间我的一个朋友为了快速熟悉Vue3开发, 特意使用electron+vue3+ts开发了一个桌面端应用, 并在github上开源了, 接下来我就带大家一起了解一下这个项目, 在文章末尾我会放github的地址, 大家如果想学习vue3 + ts + electron开发, 可以本地clone学习参考一下. ...
release:https://github.com/heiyehk/electron-vue3-inote/releases 接上篇配置篇【electron+vue3+ts实战便笺exe】一、搭建框架配置,这里更新了一下vue3的版本3.0.4,本篇文章只讲开发内容,主要还是vue3方面,长文警告。ps:smartblue这个主题好好看。。。
我们需要先借助Vite初始化一个Vue3+TS的项目,后面我们在逐步添加electron,在任何一个文件夹下: 执行命令: npm create vite@latest my-vue-app -- --template vue-ts 安装依赖: npm install 运行项目: npm run dev 这样一个最简单的Vue3 + TS + Vite的前端项目就初始化好了。
打开vue文件,可以看到默认直接使用的是vue3的语法,而且用的还是文档不全的。我们改成启用ts支持。的坑有很多,只看文档还是会一脸懵逼,后续我还会写一篇的踩坑记录,更新后放上来。 可以看到,vite的配置很简单,甚至都不需要指定入口文件,那是因为vite默认认为...