关于我用Electronic Vue3开发了一个摸鱼桌面应用

208 阅读1分钟

大家好啊,发现好久没有写文章了(懒了)😓

最近使用 Nuxt3 RC Mysql重构了一下新博客有兴趣的欢迎访问,已适配PC和移动端⭐新博客地址

旧博客地址 Nuxt.js Mongodb 林志伟博客;

申明只是套用了这个打包成桌面引用,由于没有实际的业务场景,没有使用内部的API交互

  • [🤭 ] 功能模块,随机今日幸运物!
  • [😄 ] 随机今日吃啥!
  • [🙂 ] 对于周末,以及节假日的计算!!!
  • [❤ ] 对于工资发放日期的设定!!!!
  • [😓 ] 单纯就是一个小玩具,请勿当真

74f953cb1a3b88fa7b705cb5de2b922.jpg

image.png

第一步创建

vue create electron-v3

创建后使用vue add electron-builder为项目添加 electron-builder

添加成功后会看到项目的package.json新增了一些变化 image.png

在App.vue的同级还新增了一个background.ts的文件,里面则是对于Electronic的一些配置,应用名称,视窗的宽度高度等

image.png

开发完成打包 npm run electron:build 生成dist文件,里面会有个.exe文件打开即可

其余的就是跟常规的项目一样,对于页面逻辑、样式的编写,路由跳转交互等。

目前项目还未开源,如果有同学有兴趣可以留言😄