electron + vite2 + vue3 + typescript 测试demo

713 阅读2分钟

转载请标明出处。

 项目介绍(地址)

 本项目是基于 Vue3.0、Typescript 、Vite 、 node 集成在Electron12.x版本的程序开发。 本项目只是对electron和vue这些没有太多了解的进行的包装, 大佬请绕行 参考文献已经忘了

PS:  这个项目已经是7个月之前的测试架子了, 今天偶然翻了翻自己的背包,还是来总结一下吧,这个目前还没有做成cli来编写使用,因为还没有完全的介入某些必要功能, 所以只能用来参考吧。

简单的工程目录


|-- .babelrc
|-- .env
|-- .gitignore
|-- package.json
|-- README.md
|-- tsconfig.json
|-- vite.config.ts
|-- icons
|   |-- 256x256.png
|   |-- abs.ico
|   |-- icon.icns
|   |-- icon.ico
|-- public
|   |-- abs.jpg
|   |-- favicon.ico
|-- script
|   |-- build.ts
|   |-- rollup.config.ts
|   |-- utils.ts
|-- src
    |-- main
    |   |-- index.html
    |   |-- index.js
    |   |-- index.ts
    |-- preload
    |   |-- index.js
    |-- render
    |   |-- App.vue
    |   |-- index.html
    |   |-- main.ts
    |   |-- shims-vue.d.ts
    |   |-- assets
    |   |   |-- electron.png
    |   |   |-- logo.png
    |   |-- components
    |       |-- HelloWorld.vue
    |-- server
        |-- index.ts

分析上述目录(仅供参考)

这个实现起来还是比较简单的, 跟着我们朴素的价值观来理解就ok electron要承接的页面可以使链接的页面, 就需要先启动你的服务页面, 然后在启动你的electron, 然后就没了。。。

留言

 此版本没有做程序自动更新,也没有做其他的一些琐碎事情, 只是简单基本几大JS库搭建的便捷应用程序包。 额... 由于时间此版本搭建时间至此过长, 我已经忘记是否基于node做中间层了, 但是如果需要的话, 简单的在主进程里面fork一个子进程就可以了, 或者直接通过require的方式引用,但是有进程杀死与否的弊端, 斟酌处理就好。

额... 我现在的项目是没有采用这个简单的架子, 虽然只是柔和了, 但是还有些坑在里面的 之后我会在其他的记载下恶心的坑b。

包括打包之后的样子呀, 发布鸭 自动更新鸭、mac 、 linux 等等各种其他的功能支持。