electron中Unable to install `vue-devtools`的解決方法

由於網絡的問題，electron運行的時候加載vue-devtools失敗。 Unable to install `vue-devtools` 。從日志里看retry了四次都timeout了。

找了一圈，這個也沒有淘寶鏡像等國內鏡像。不過后來按網上找了個方法，成功加載了最新的版本。

對於開發來講，好的調試工具太重要了。

 

先  npm install vue-devtools --save-dev

然后 把ready事件里面注釋掉5行，再加上一行手動加載的。

最終src/main/index.dev.js里面修改后的內容如下（所有內容）：

/* eslint-disable */

// Install `electron-debug` with `devtron`
require('electron-debug')({ showDevTools: true })
import {  BrowserWindow } from 'electron';
// Install `vue-devtools`
require('electron').app.on('ready', () => {
  let installExtension = require('electron-devtools-installer')
  // installExtension.default(installExtension.VUEJS_DEVTOOLS)
  //   .then(() => {})
  //  .catch(err => {
  //     console.log('Unable to install `vue-devtools`: \n', err)
  //   })
  //參考 https://www.cnblogs.com/wozho/p/10782654.html 和 https://github.com/SimulatedGREG/electron-vue/issues/242
  BrowserWindow.addDevToolsExtension('node_modules/vue-devtools/vender')  //手動加載vue-devtools，前提是 npm install vue-devtools --save-dev
  
})

// Require `main` process to boot app
require('./index')