依赖环境
当前系统环境为win11，真正上手才知道环境问题才是最大的问题，希望本文能帮你节约时间。
本文参考以下资料
https://www.electronforge.io/guides/framework-integration/vue-3
perplexity.ai和kimi.ai提供其他相关资料
nodejs
在开发前需要确定你要调用的dll是32位还是64位的，你的nodejs需要切换到对应的版本，这里推荐使用nvm来管理
nodejs版本，千万不要用Volta。在https://github.com/coreybutler/nvm-windows/releases下载nvm.
这里以调用32位dll为例，下载安装后执行以下命令，如果你的dll是64位的就把32换成64
nvm install 20 32
nvm use 20 32
依赖工具
在开发过程中要调用dll还需要python和Visual Studio Build Tool,这里推荐使用Chocolatey安装
Chocolatey
- 以管理员身份打开命令提示符
- 输入以下命令并回车
@"%SystemRoot%\System32\WindowsPowerShell\v1.0\powershell.exe" -NoProfile -InputFormat None -ExecutionPolicy Bypass -Command "iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))" && SET "PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin"
python 与 Visual Studio Build Tool
- 输入以下命令并回车
choco install python visualstudio2022-workload-vctools -y
Visual Studio
开发c#需要Visual Studio，这里推荐Visual Studio 2022，下载地址https://visualstudio.microsoft.com/downloads/，安装选项如下狗血即可
创建项目
vue3 + electron
- 安装electron
npm init electron-app@latest my-vue-app -- --template=vite
- 进入
my-vue-app安装vue
cd my-vue-app
npm install vue
npm install --save-dev @vitejs/plugin-vue
- 修改index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Hello World!</title>
</head>
<body>
<div id="app"></div>
<script type="module" src="/src/renderer.js"></script>
</body>
</html>
- 新建src/App.vue
<template>
<h1>
标签：vue,C#,32,electron,js,--,Electron,dll
From： https://www.cnblogs.com/mlzs/p/18475609