Electron + VUE3 + 实现桌面级应用程序前端模板 前言 electron 用的版本是25.6.0 打包工具使用：vite vue版本：3.3.4 虽然是vue3.x版本，但是大部分的代码

笔者前面介绍了如何用BrowserView实现标签页窗口布局，但标签页布局算是简单模式的，没有复杂的层叠场景，笔者这一篇就进一步介绍下我们是怎么实现出一个主窗口复合布局的。

浏览器这种东西工程量很唬人，但是有了electron+webview我们就相当于只需要干组装的活就可以了，而且产品目标就是给自己玩， 成品的效果 😄本来想写成专业的技术博客，但是发现大家好像对那种密密

哈骑士是哈啰的一款终端安全应用，本文主要介绍我们在做新版哈骑士桌面端时的一些技术架构思考和实践，分享我们沉淀的一些桌面端应用的解决方案和经验。

桌面端开发笔者也是第一次介入，Electron 也是第一次接触，社区上的轮子确实不少，但这样很通用的多标签页效果也没有一个成熟的三方库。笔者在这里简单的实现了一个，也是五脏俱全。

背景 因为我们日常开发项目的时候，需要和同事对接api和文档还有UI图，所以有时候要同时打开多个窗口，并在多个窗口中切换，来选择自己要的信息，如果api和文档不多的情况还好，但是有时候就是要做大量的页

众所周知，electron是可以开发桌面端的框架；既然如此 那我们有一些数据不想让别人看到，只能在自己的电脑上展示时怎么办呢？这个时候就可以用到本地数据库；数据库有很多的，今天我给大家介绍的是sqli

一路开发下来，感慨很多，作为公司第一个Electron应用，不管是在开发上，打包上，或者说在部署上，都遇到了一些挑战，在网上也没有比较详细的文档，外面做的好的也不会把详细方案分享出来……

本文用到的 SQLite 的代码库为 better-sqlite3，为什么使用 better-sqlite3 而不使用 node-sqlite3，主要就是性能更好。 详细可以查看官方文档说明 why-