vue.js看書有一段時間了,也準備動手做一個electron的程式。目錄似乎有兩種方式搭建方式

一種是使用vue.cli構建工具,就是所謂的腳手架,分別安裝vue和electron

https://www.cnblogs.com/jiangxifanzhouyudu/p/9517651.html

一種是直接安裝electron-vue元件,一步完成vue和electron的安裝

https://blog.csdn.net/github_36978270/article/details/78460696

安裝構造工具

#npm install -g vue-cli

使用構造工具建立專案

#vue init simulatedgreg/electron-vue my-project

基本上一路回車就是了。不知道的可以選擇NO

在安裝sqlite3後,執行程式時,死活說找不到路徑,

"Error: Cannot find module 'D:\Fasaccounts\elec-fsacc\node_modules\sqlite3\lib\binding\electron-v2.0-win32-x64\node_sqlite3.node'"

檢查安裝後的路徑,卻只有

D:\Fasaccounts\elec-fsacc\node_modules\sqlite3\lib\binding\node-v64-win32-x64\node_sqlite3.node

就是後面的目錄名不同。執行的程式找的是electron-v2.0-win32-x64,安裝卻在node-v64-win32-x64。百度之後,似乎是需要為electron重新編譯,但好幾個方法在兩臺安裝了vs2017的win10上都編譯不了。,直到看到這個

https://blog.csdn.net/CaanDoll/article/details/81429171

參考上面的地址的說明,我先

npm i sqlite3 --save

我沒有按文章去修改package.json,於是在執行上面的命令後,我再執行

install-app-deps

於是一臺電腦成功編譯,另一臺卻找不到命令。之後找到這個一個帖子

https://stackoverflow.com/questions/32504307/how-to-use-sqlite3-module-with-electron

上面網址速度比較慢,我帖上主要回復內容

=================================================================================

By far the easiest way to use SQLite with electron is with electron-builder.

First, add a postinstall step in your package.json:

"scripts": {
"postinstall": "install-app-deps"
...
}

and then install the necessary dependencies and build:

npm install --save-dev electron-builder
npm install --save sqlite3
npm run postinstall

electron-builder will build the native module for your platform, with the correct name for the Electron binding; and you can then require it in code as normal.

===================================================================================

原來需要安裝electron-builder,至此總算搞定sqlite3的安裝。