vue + electron桌面端開發，調試的時候無法看到vue開發工具

1.在瀏覽器輸入chrome://extensions/，打開chrome瀏覽量的擴展程序,點擊右上角的開發者模式，看到vue對應的id，如下圖所示

 

 

 2.打開谷歌瀏覽器的安裝配置文件，找到開發者共vue的id對應下的manifest.json路徑，取其父級復制到，復制下圖所示紅框內容

 

 

 

 3.在electron主進程加載頁面處添加如下代碼

　頭部添加代碼

    const path = require('path')

    const os = require('os')

   文件加載出添加代碼

   //  await win.loadURL(process.env.WEBPACK_DEV_SERVER_URL),再此代碼后邊追加如下代碼

   BrowserWindow.addDevToolsExtension(

      path.join(os.homedir(),'/AppData/Local/Google/Chrome/User Data/Default/Extensions/nhdogjmejiglipccpnnnanhbledajbpd/5.3.3_0')

    )