electron-vue 使用node-ffi调用dll文件

3,144 阅读1分钟

 楼主也是摸索了快一个星期才把整套流程整理了下,以下操作仅限于windows系统


1、 下载node并安装,地址:http://nodejs.cn/download/,下载稳定版本如图:


安装完成后,重启控制台,并输入node-v查看版本


2、 下载vue-cli(该框架是基于vue-cli基础)

npm install -g vue-cli

3、 下载electron-vue框架

vue init simulatedgreg/electron-vue my-project

下载完成后执行npm install,如果速度太慢或者卡主可以多试几次,

实在不行可以使用:cnpm 流程如下

1、 npm install -g cnpm --registry=https://registry.npm.taobao.org

2、 cnpm install

4、安装electron build打包补丁

参考网址:juejin.cn/post/684490…

从第4条开始看。

5、 安装node-ffi

(5.1)下载Python (选择2.7版本的)

    下载地址:www.python.org/downloads/w…


    环境配置参考网址:     jingyan.baidu.com/article/0bc…

(5.2)安装node-gyp

    npm install node-gyp

(5.3)安装c++环境: windows-build-tools(以管理员身份运行)

    npm install --global --production windows-build-tools

    这里可能需要等待的时间比较久一点,有点耐心,好东西都是值得等待的。

(5.4)安装node-ffi

    npm install ffi

(5.5)安装electron-rebuild

    npm install --save-dev electron-rebuild

(5.6)最终执行

    .\node_modules\.bin\electron-rebuild.cmd

    如遇到命令错误执行:./node_modules/.bin/electron-rebuild