electron-vue 安装 sqlite3 详细步骤

1 安装 Visual Studio 2019

electron-vue 安装 sqlite3 详细步骤_第1张图片

  使用 Visual Studio instaler  安装Visual Studio 2019, 安装桌面应用 使用c++的桌面开发, 勾选 MSVC 相应的选项。

2. 安装 node 13 版本

 可以根据自己实际情况安装版本

electron-vue 安装 sqlite3 详细步骤_第2张图片

使用 cmd 管理员身份或者 powerShell 管理员身份 执行以下命令:

1.  npm install --global --production windows-build-tools
2 . npm config set msvs_version 2019 --global
3.  npm install -g node-gyp-install
4.  npm install -g node-gyp
 

3.  版本对应

       electron 对应  https://www.yesdotnet.com/archive/yesweb/412815878082565.html

electron-vue 安装 sqlite3 详细步骤_第3张图片

 我这边选择  electron  1.7.5,  应为这个版本有对应的  sqlite3

https://mapbox-node-binary.s3.amazonaws.com/sqlite3/v4.2.0/electron-v1.7-win32-x64.tar.gz

node 为 13  对应 node-sass 版本为 4.13

electron-vue 安装 sqlite3 详细步骤_第4张图片

electron-builder ,electron-updater  等和  node 13 版本对应关系

electron-vue 安装 sqlite3 详细步骤_第5张图片

4. package.json 修改

    electron-vue 安装 sqlite3 详细步骤_第6张图片

替换  "postinstall": "npm run lint:fix"  为   "postinstall": "install-app-deps"

 postinstall 用于在安装应用程序依赖时执行 electron-builder install-app-deps 命令,以确保安装的依赖包含必要的二进制文件。

 执行 npm i  进行安装依赖,  最后包如下错误 ,不管他直接进行下一步操作:

electron-vue 安装 sqlite3 详细步骤_第7张图片

如果发生

node-pre-gyp WARN Tried to download(403): https://mapbox-node-binary.s3.amazonaws.com/sqlite3/v5.0.1/napi-v6-win32-x64.tar.gz

查看对应 node 版本的  NODE_MODULE_VERSION 关系

以往的版本 | Node.js

electron-vue 安装 sqlite3 详细步骤_第8张图片

 

暂时删除 dependencies 下的包依赖, 只留 sqlite3, 生成完二机制文件后需要还原配置

 再执行 npm i  进行安装依赖,  在 node_modules\sqlite3\lib\binding 下生成的 node 文件

electron-vue 安装 sqlite3 详细步骤_第9张图片

还原  dependencies 下的依赖包, 替换   "postinstall": "install-app-deps" 为  "postinstall": "npm run lint:fix" 

electron-vue 安装 sqlite3 详细步骤_第10张图片

 再次执行 npm i 安装

你可能感兴趣的:(electron,javascript,前端)