Electron + vue 项目安装vue调试工具

  1. 安装完扩展程序 vue-devtools 之后,在chrome 浏览器中输入 chorme://version,找到“个人资料路径”。

    Electron + vue 项目安装vue调试工具_第1张图片

  2. 进入个人资料路径下的 /Extensions 文件夹中找到 vue-devtools 扩展程序对应的ID 文件夹,进入该路径下可找到 vue-devtools 对应路径。

    Electron + vue 项目安装vue调试工具_第2张图片

    Electron + vue 项目安装vue调试工具_第3张图片

  3. 在主进程文件中,引入对应扩展程序。

    BrowserWindow.addDevToolsExtension('C:/Users/Administrator.BF-20190703YGTU/AppData/Local/Google/Chrome/User Data/Default/Extensions/nhdogjmejiglipccpnnnanhbledajbpd/5.3.3_0');
    

你可能感兴趣的:(Electron + vue 项目安装vue调试工具)