转载请标明出处。
项目介绍(地址)
本项目是基于 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 等等各种其他的功能支持。