Vue 3 Electron 开发桌面软件的入门与创建 Electron Vue 3 主体项目

文章内容：

在本文中，我们将介绍如何使用 Vue 3 和 Electron 开发桌面应用程序，并详细说明如何创建 Electron Vue 3 主体项目。我们将逐步引导您完成整个过程，并提供相应的源代码示例。

1. 准备工作
   在开始之前，确保您已经安装了以下软件和工具：

• Node.js：请确保您安装了最新版本的 Node.js。
• Vue CLI：使用以下命令全局安装 Vue CLI：npm install -g @vue/cli。

2. 创建 Electron Vue 3 项目
   为了创建 Electron Vue 3 项目，您需要使用 Vue CLI。打开命令行终端，并进入您想要创建项目的目录。然后运行以下命令：

vue create my-electron-app

在运行上述命令后，Vue CLI 将会提示您选择预设配置。选择 “Manually select features” 并按下回车键。接下来，您需要确保选择了以下特性：

• Babel
• TypeScript
• Router
• Vuex
• CSS Pre-processors
• Linter / Formatter

完成选择后，按下回车键。然后，Vue CLI 将会询问您使用哪种 CSS 预处理器。根据您的偏好进行选择，并按下回车键。

接下来，Vue CLI 将会为您配置项目。这个过程可能需要一些时间。完成后，进入项目目录：

cd my-electron-app