vue3+vite+electron开发桌面端应用流程

一、创建项目

1. 初始化项目: npm init vite@latest'
   project name: 输入项目名称，select a framework: 选择框架vue
   select a variant：选择使用js或者ts
2. 安装默认依赖包: 进入项目，npm install
3. 安装electron: npm install --save-dev electron
4. 安装热加载(自动加载更新): npm install electron-reload --save-dev(注意：electron-reload目前最新版本是2.0.0-alpha.1, 需要安装指定的稳定版)
5. 安装打包工具: npm install electron-builder --dev

二、配置electron相关的文件

1. 在根目标下创建文件夹electron，存放electron相关的文件
2. electron 文件夹下创建preload.js文件， 通过预加载脚本从渲染器访问Node.js。

// preload.js
window.addEventListener('DOMContentLoaded', () => {
  const replaceText = (selector, text) => {
    const element = document.getElementById(selector)
    if (element) element.innerText = text
  }
  for (const dependency of ['chrome',