add vue-devtools in electron app

egoist · Feb 15, 2017 · 592c1b0 · 592c1b0
1 parent d0e00a4
commit 592c1b0
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/template/app/index.js b/template/app/index.js
@@ -21,8 +21,13 @@ function createWindow () {
   const index = isDev ? `http://localhost:4000` : `file://${path.join(__dirname, 'dist/index.html')}`
   mainWindow.loadURL(index)
 
-  // Open the DevTools.
-  mainWindow.webContents.openDevTools()
+  if (isDev) {
+    // Open the DevTools.
+    const installExtension = require('electron-devtools-installer')
+    installExtension.default(installExtension.VUEJS_DEVTOOLS)
+      .then(name => console.log(`Added Extension:  ${name}`))
+      .catch(err => console.log('An error occurred: ', err))
+  }
 
   // Emitted when the window is closed.
   mainWindow.on('closed', function () {

diff --git a/template/package.json b/template/package.json
@@ -32,6 +32,7 @@
     <%_ if (electron) { -%>
     "electron": "^1.4.15",
     "electron-builder": "^13.7.0",
+    "electron-devtools-installer": "^1.1.5",
     <%_ } -%>
     "vbuild": "^6.0.0"
   },