创建electron vue 完整项目

创建 Electron 应用的步骤如下：

1. 首先，确保你已经安装了 Node.js 和 npm。你可以从官方网站下载并安装它们。

2. 打开终端或命令行界面，创建一个新的文件夹来存储你的 Electron 应用。

3. 进入这个新文件夹，并运行以下命令来初始化一个新的 npm 项目：

npm init -y

这将创建一个默认的 `package.json` 文件。

4. 接下来，安装 Electron 的依赖包。运行以下命令：

npm install electron

这将在你的项目文件夹中安装 Electron。

5. 创建一个新的 JavaScript 文件，例如 `main.js`，作为 Electron 应用的入口文件。

6. 在 `main.js` 中，添加以下代码：

const { app, BrowserWindow } = require('electron')

function createWindow () {
  // 创建一个窗口
  const win = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      nodeIntegration: true
    }
  })

  // 加载应用的 index.html 文件
  win.loadFile('index.html')
}

// 当 Electron 准备就绪时，创建窗口
app.whenReady().then(createWindow)

这将创建一个简单的 Electron 窗口并加载 `index.html` 文件。

7. 创建一个新的 HTML 文件，例如 `index.html`，作为 Electron 应用