八 引入前端框架Vue.js3

本章主要内容
引入前端框架Vue.js来创建Electron应用。

Vue.js 是什么

Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。
如果你想在深入学习 Vue 之前对它有更多了解，可以访问官方网站 https://v3.cn.vuejs.org/

Vite

Vite是一个 web 开发构建工具，由于其原生 ES 模块导入方式，可以实现闪电般的冷服务器启动。
Vite官方中文文档 https://cn.vitejs.dev/。

当开始想用vue去开发一个桌面应用时，有如下两种现成方案：

• electron-vue： 该项目集成度较好，封装较为完整，中文搜索下来文章较多也是该方案，可以直接上手去使用。但是，问题在于其内置electron的版本太低，写文章时看到的版本是2.0.4，而最新的electron版本是17.0.x。
• Vue CLI Plugin Electron Builder： 该方案是集成到到vue-cli中使用，使用vue add electron-builder后可直接上手，免去了基础配置的步骤。但是其只能在vue-cli下使用，无法配合vite来使用。

因此，若要使用vite和electron，需要手动配置，也可以使用 Awesome Vite 仓库的 社区维护模板中的Electron相关模板。