步骤二:引入electron-vue项目中 打包完成后复制/shells/chrome整个文件夹,粘贴到你的electron-vue项目根目录,可以改个文件夹名字,比如我改成了 “.devtools”。如果不想上传这个文件夹的内容到远程仓库,则在项目里的.gitignore中添加.devtools即可 .devtools文件夹里的内容如下图所示: 步骤三:在代码中引入 接下来,...
electron-vue 插入 vue-devTools 引用:https://www.jianshu.com/p/cc48d4520de3 使用:https://nklayman.github.io/vue-cli-plugin-electron-builder/guide/recipes.html#debugging-with-vscode 中的例子:https://github.com/nklayman/electron-vscode-debug-example 这个安装可真是太难了 始终报:Vue Devtools ...
原因electron安装失败 解决 删除node_modules/electron 设置环境变量ELECTRON_MIRROR=https://npm.taobao.org/mirrors/electron/ 重新安装electron
vuedevtools依赖于Electron,如果Electron版本不兼容,可能会出现报错,请检查package.json文件中指定的Electron版本,并确保你的环境中安装了正确版本的Electron。 如果需要更新Electron版本,可以运行以下命令: npm install electron@X.Y.Z savedev 其中X.Y.Z是你要安装的Electron版本号。 5、其他常见错误 以下是一些其他可...
在Electron 中使用Vue Devtools ·首先在Chrome中安装Vue Devtools; ·在Chrome中打开扩展程序,并且开启开发者模式,这样就可以获取扩展程序的ID,记住这个ID ·在Electron应用中添加如下代码: main/index.js if (process.env.NODE_ENV !== 'development') { global.__static = require('path').join(__dirname, ...
electron-devtools-installe 再安装 vue-devtoolstip:要注意这2个都是开发环境下使用的,生产环境不需要,所有要在安装的时候加“ -D ” 安装完成后我们就可以在主线程入口文件中添加如下代码:BrowserWindow.addDevToolsExtension('node_modules/vue-devtools/vender') ...
如果使用不受支持的浏览器,或者有其他特定需求(例如应用位于 Electron 中),可以使用独立应用。 首先, 通过以下命令来全局安装 DevTools(可以全局安装,也可以作为项目依赖项安装,这里以全局安装为例): npm add-g @vue/devtools 安装完成之后,在终端中运行以下命令: ...
但我有一台电脑的Electron devtools是可用的,此扩展程序从chrome网上应用店下载,版本为:5.1.1。 同时有另一台电脑,扩展程序也是从chrome应用商店下载,版本为:5.3.4。这个版本也报错,报错和自己编译的devtools一样,也用不了。 于是各版本使用情况如下: 版本来源是否可用 5.1.1 源码编译 不可用 5.1.1 chrome商店 ...
如果使用不受支持的浏览器,或者有其他特定需求(例如应用程序位于 Electron 中)则可以使用独立应用程序。首先安装相应依赖:$ npm add -g @vue/devtools// pnpm$ pnpm add -g @vue/devtools// yarn$ yarn global add @vue/devtools// bun$ bun add -g @vue/devtools 全局安装该软件包后,运行下面命令:v...
Uninstall Vue.js devtools in Electron devtools. Contributing Forkit on GitHub! Clonethe fork to your own machine. Checkoutyour feature branch:git checkout -b my-awesome-feature Commityour changes to your own branch:git commit -am 'Add some feature' ...