進行electron開發要經常參考github上的優秀代碼,亦或者需要使用npm、cnpm、yarn這些包管理工具來管理項目,在開發過程中會有很多坑需要填,這篇博客就綜合記錄下這些知識點
1、github速度慢的解決方法
首先,在www.ipaddress.com中查看github.com以及github.global.ssl.fastly.net映射地址。
然後,在hosts中進行對應的配置,這裏根據當前的映射地址進行配置,需要注意的是這個映射地址經常都在變,當發現速度變慢後,建議再次更新地址。
最後,執行ipconfig/flushdns刷新dns,如果不行的話,就重啓。
140.82.114.4 github.com
199.232.69.194 github.global.ssl.fastly.net
配置後,使用ping github.com後應該能明顯看到速度變快
2、npm、cnpm以及yarn包管理工具的配置
這裏就不介紹怎麼安裝了,需要說明的是由於國內網絡問題,npm下載速度很慢可以通過配置淘寶鏡像來管理包工具,cnpm以及yarn都是可以配置成淘寶鏡像的,以下以cnpm爲例來說明,yarn也是一樣的配置。
cnpm config set registry https://registry.npm.taobao.org
cnpm config set disturl https://npm.taobao.org/dist
3、electron 開發遇到的坑
在electron桌面開發中遇到很多坑,這裏一一總結下
坑1: electron桌面無法使用react-devtools
在具體package.json中使用electron-devtools-installer來管理devtools,但是當配置electron爲9.xx版本後,無法正常的顯示react-devtools,這個對於使用reactjs來進行桌面應用開發是相當痛苦的,經過各種嘗試,發現以下配置是能夠正常加載出react-devtools的
"electron-devtools-installer": "^2.2.4",
"electron": "^8.0.1",
"react-dom": "^16.3.1",
"react": "^16.3.1",
坑2:ajax網絡訪問提示NET::ERR_CERT_AUTHORITY_INVALID
這種情況實際上表示當前訪問的網絡是不安全,沒有對應的證書,客戶端解決的辦法可以參考electron私有部署webview加載不安全的https網址,我通過添加如下代碼解決問題
app.commandLine.appendSwitch('--ignore-certificate-errors', 'true')
坑3:yarn install時候 一直提示electron waiting
這個可以參考安裝Electron的時候,卡住問題 ,我是用的yarn來管理package,所以實在.yarnrc文件中進行對應的配置
electron_mirror="https://npm.taobao.org/mirrors/electron/"(填上這句話即可)
待續。。。