Electron踩坑記錄

心血來潮想做一個pc端應用，就來學學electron，以下為學習electron時的踩坑記錄。

在國内安裝electron的時候，可能會因為網絡原因遇到卡在building fresh packages...（yarn）或者是卡在node install.js（npm）這一步上。

在項目的根目錄下建立.yarnrc或.npmrc然後輸入如下内容更改各依賴的源，即可解決該問題。

使用electron就避不開要使用一些第三方的c++包，使用這些包的時候需要根據node和electron的版本重新編譯。

手動編譯要根據electron的版本設定target，然後再根據node的版本設定對應的abi值，（詳見對應表）

下載下傳後使用npx electron-rebuild即可重新編譯，有時候會因為網絡原因建構時下載下傳依賴失敗，是以可以通過-d=http://npm.taobao.org/mirrors/atom-shell切換為淘寶鏡像（好久沒更新了）

注意：windows環境下安裝electron-rebuild需要先安裝windows-build-tools

electron常用的打包工具有兩個electron-builder和electron-forge，我使用的是社群活躍度較高的electron-builder，electron打包時會下載下傳一些必要的依賴，是以和安裝依賴、rebuild具有同樣的問題——網絡問題，是以需要更改下載下傳位址，從淘寶鏡像下載下傳

不過我改完鏡像打包依然是顯示網絡逾時，是以我選擇了手動添加nsis和wincodesign

從淘寶鏡像中分别下載下傳所需要版本的nsis和wincodesign，解壓後将nsis的整個檔案夾放到c:\users\admin\appdata\local\electron-builder\cache\nsis中，将wincodesign的整個檔案夾放到c:\users\admin\appdata\local\electron-builder\cache\wincodesign中，即可成功打包。

在ready-to-show的時候再顯示

設定視窗底色

https://github.com/dengyaolong/electron-loading-window-example