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的安裝。