難搞的electron之安裝
做了幾個electron項目,感覺最難搞的地方竟然是安裝!這怎么能忍!經過幾天試錯,把自己能夠順利安裝的流程記錄下來,僅供參考。
使用框架為quasar+vue+quasar_electron
quasar的安裝參考官網(https://quasar.dev/)
1.新建項目
a.無文件夾創建
在目標路徑下執行命令
$quasar create xxx //xxx為文件名,小寫
b.有文件夾創建
跳轉至已有文件夾路徑下(如:C:\Demo )執行命令,然后按照下圖所示創建項目。
$quasar create

注:若第一步執行報錯或時間很長且不通過,可以選擇執行下面的命令更換數據源(截至文章發布順手新建一個項目,更換數據源以后又快又有效)
$npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver
2.添加electron
$quasar mode add electron

至此,electron項目就創建完畢,目錄如下:

為了能夠調試與打包需要在package.json文件中添加如圖所示變量。

編譯調試命令
$quasar dev -m electron //等同于$npm run dev
打包命令
$quasar build -m electron //等同于$npm run build
over!

浙公網安備 33010602011771號