Install vue-devtools for Vue3 on electron

written on Fri Oct 09 2020 16:30:39 GMT+0900 (日本標準時)

vue-devtools for vue3 is still beta so you need to install beta version.

install vue-devtools beta version

via Chrome Web Store

chrome.google.com

install extension

on main

import { session } from "electron";
import path from 'path'
import os from 'os'

app.on("ready", async () => {
  try {
      await session.defaultSession.loadExtension(
       //The extension version depends on the version you installed
        path.join(os.homedir(), '/Library/Application Support/Google/Chrome/Default/Extensions/ljjemllljcmogpfapbkkighbhhppjdbg/6.0.0.2_0')
      )
    } catch (e) {
      console.error("Vue Devtools failed to install:", e.toString());
  }
})

The version depends on the version you installed