Electron+Vite+Vue 3桌面应用模版
Electron、Vite、Vue3 的组合,真的是前端搞桌面应用的黄金搭配。
Electron的跨平台能力,加上前端熟悉的技术栈,让你用写网页的方式做桌面软件。像访问文件系统、弹通知这些,Electron 都能搞定,还能跑在 Windows、macOS、Linux,挺方便的。
Vite的话,开发体验是真的香。热更新几乎秒级响应,改代码不用等。用它做主构建工具,不但启动快,资源编译也比 Webpack 轻巧得多。
Vue3就不用说了,Composition API 灵活又好组织代码,配合script setup
语法,逻辑写起来清爽。像Suspense
和Teleport
这些高级特性,也能帮你异步和布局问题。
整个模版搭起来也不麻烦。npm install
拉下依赖,npm run dev
启动开发,Vue 页面写完直接npm run electron:serve
预览桌面应用,想打包就npm run electron:build
,流程顺。
如果你写惯了前端项目,又想折腾下桌面端,不妨试试这个模版,省了不少配置时间。想看更多思路,可以看看Vue 3 Electron 模板或者electron-vue-vite 整合方案这些文章,会有不少启发。
开发的时候注意下 Node 和 Electron 版本兼容问题,还有不要滥用 Node API,毕竟桌面安全也重要。,边写边跑,调试舒服,体验也不错~
electron-vite-temp.zip
预估大小:32个文件
electron-vite-temp
文件夹
yarn.lock
90KB
.vscode
文件夹
extensions.json
75B
tsconfig.node.json
213B
src
文件夹
style.css
1KB
main.ts
175B
App.vue
657B
assets
文件夹
116.9KB
文件大小:
评论区