Electron & Vue踩坑（1）：整合vue 3.0 + electron 11.2.1 & 使用ffi-napi调用dll

准备环境：

vue-cli 4

electron 11.2.1  //npm i electron -g    可以全局安装一次，再次使用时不需要联网下载

npm 6.14.11

node 14.15.3 （64bit）//这里注意：如果使用32位node后面使用ffi-napi只能调用32位动态链接库（.dll）

 

ffi-napi：

python 2.7//必须是2.7版本

Visual Studio 2017 + Microsoft .NET framework 4.5.1

创建项目

要点：使用cli先创建项目，并且手动使用vue add 指令集成router vuex css编译器，只有这样才能成功集成electron

然后使用vue add electron-builder集成electron后使用npm删除自动安装的electron，手动npm i electron -s -d添加新的electron

创建vue

vue create xxx

//构建完需要使用router和vuex可以直接vue add
vue add router
vue add vuex

/*Router，Vuex，css编译器  这里先不选  其他可以根据需求选择，
后面就可