基于Electron+Vue3创建桌面应用

Electron 是一个开源框架，基于 Chromium 和 Node.js，用于开发跨平台桌面应用程序。它允许开发者使用 HTML、CSS 和 JavaScript 等 Web 技术构建原生桌面应用，支持 Windows、macOS 和 Linux。Electron 以其开发便捷性、强大的功能和丰富的生态系统而广泛应用于工具类应用、媒体播放器、代码编辑器等领域。

在现代前端开发中，Vue.js 是一个非常受欢迎的框架，而 Electron 则是一个强大的工具，用于将 Web 应用打包为桌面应用。将两者结合，可以让 Vue 应用在桌面环境中运行。

1. 创建 Vue 3 项目

首先需要安装 Vue CLI，这是一个用于快速搭建 Vue.js 项目的命令行工具。

npm install -g @vue/cli

安装完成后，使用以下命令创建一个新的 Vue 3 项目：

vue create my-vue-electron-app

在创建过程中，Vue CLI 会提示选择一些配置选项，例如是否使用 TypeScript、是否使用路由等。根据需求进行选择即可。

2. 添加 Electron

在项目目录下运行以下命令，安装 Electron 和 electron-builder（用于打包应用）：

npm install electron electron-builder --save-dev

3. 安装 Vue CLI 插件

为了更好的集成 Electron 和 Vue，还需要安装 vu