为 Electron 安装 vue-devtools 扩展

在SPA逐渐成为构建优秀交互体验应用的主流方式后,使用 Electron开发跨平台的软件是一个优秀的解决方案。

下面简单介绍一下 Electron-vue 安装 vue-devtool的方式。

安装步骤

  1、下载 vue-devtools.crx ,把文件名后缀改成 zip后解压放在项目工程目录下

      (找不到或者懒得下可以直接克隆我的仓库后,把这个文件夹给复制出来,我已经解压好放在里面了)

  2、引入已下载的拓展

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)
  //   })

  // 安装vue-devtools
  BrowserWindow.addDevToolsExtension(path.resolve(__dirname, './vue-devtools'));
});

 

 

 

 

 

https://www.cnblogs.com/wozho/p/10782654.html

posted @ 2019-11-07 15:16  格鲁特baby  阅读(243)  评论(0编辑  收藏  举报