解决vue-cli使用vue-cli-plugin-electron-builder插件，运行时卡在 Launching Electron..

最新推荐文章于 2024-05-11 09:50:15 发布
最新推荐文章于 2024-05-11 09:50:15 发布
阅读量2.3k 收藏 1
点赞数 1
分类专栏： electron
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_54126636/article/details/115230715
版权

原因

是因为启动程序时要安装 vue-devtools,需要连接谷歌应用商店,由于国内无法访问,导致无法下载安装

解决办法

  1. 下载vue-devtools
    下载完成后需要将文件命名为 nhdogjmejiglipccpnnnanhbledajbpd.crx
    使用rar等压缩软件解压 nhdogjmejiglipccpnnnanhbledajbpd.crx,得到 nhdogjmejiglipccpnnnanhbledajbpd 文件夹

  2. 手动安装
    找到app的用户数据目录
    linux 一般在 ~/.config/{appname},appname就是使用vue创建的项目名,windows同理
    找到 extensions 目录,将 nhdogjmejiglipccpnnnanhbledajbpd 放入.
    在这里插入图片描述

  3. 启动app
    到项目目录启动app

    yarn electron:serve

    就可以看到 vue-devtools 插件已经加载成功
    在这里插入图片描述

损不足以奉有余
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
devtools下载安装踩坑记
weixin_47792992的博客
08-10 2638
嘿嘿，安装devtools是不是一到npm run build 就出错了呀^-^ 这两天安装devtools时，网上一堆安装方法，可是除了从仓库下载以外挨个试了个遍。到最后还是一到npm run build 就出错，简直头痛想吐！-！最后从简书上看到了下面呢这个方法，但是有个小小的问题就是我昨天测试这个方法是不可以的，但是今天再次测试的时候又可以了，所以小伙伴们可以多尝试几次哟，也许今天不可以，但是明天就可以了呢^-^ 1下载vue调试工具 下载链接：https://chrome.z...
Chrome 打包扩展程序
e5pool的博客
02-10 5783
私钥是扩展程序的开发者使用的密钥，仅用于确定扩展程序的身份。私钥不会随扩展程序的发布或分发而公开，而是保留在扩展程序的开发者手中。如果你想开发一个扩展程序，需要生成一个私钥，并在代码中使用它！找到需要打包的扩展，看一下他的ID（如：nhdogjmejiglipccpnnnanhbledajbpd）按钮，就会生成两个文件（版本号.crx 和 版本号.pem），它们的位置在版本号文件夹所在的同目录下。找到和扩展程序 ID 名相同的目录，点击去，可以看到版本号，再点进去，然后。，会有一个弹窗弹出来，
Vue CLI Plugin Electron Builder：将Vue.js带入桌面应用的新纪元
最新发布
gitblog_00078的博客
05-11 366
Vue CLI Plugin Electron Builder：将Vue.js带入桌面应用的新纪元 项目地址:https://gitcode.com/nklayman/vue-cli-plugin-electron-builder Vue CLI Plugin Electron Builder是一个强大的工具，它简化了在Electron平台上构建Vue.js应用程序的过程。这个开源项目的目标是让开...
vue基础入门
weixin_58470558的博客
05-13 5840
vue基础、指令、过滤器、监听器、计算属性、vue-cli、vue组件
vue-cli-plugin-electron-builder创建electron项目以及遇到的问题
weixin_47330679的博客
04-26 2541
文章目录前言一、创建vue项目二、安装插件安装electron-builder三、运行项目总结 前言 提示：vue-cli-plugin-electron-builder用于vue集成electron项目的插件 electron官方文档： https://www.electronjs.org/ vue-cli-plugin-electron-builder官方文档： 这里是引用https://nklayman.github.io/vue-cli-plugin-electron-builder/.
Vue cli 3.x使用electron打包配置
qiansitong的博客
07-20 1246
vue + electron打包更新（windows版本）
vue-cli-plugin-electron-builder-适用于Electron的Vue CLI 3插件，无需使用Electron Builder的必需配置。-Vue.js开发
05-27
Vue CLI插件Electron Builder可以轻松构建带有Electron Build状态的台式机Vue.js应用程序：快速入门：在Vue CLI Plugin Electron Builder可以轻松地构建带有Electron Build状态的台式机Vue.js App桌面。 ：在使用Vue...
vue-cli-plugin-electron-builder：使用Electron轻松构建用于桌面的Vue.js应用
01-30
Vue CLI插件电子生成器使用Electron轻松构建用于桌面的Vue.js应用生成状态：顶级支持者快速开始： 在使用Vue-CLI 3或4创建的应用程序目录中打开一个终端（建议使用4）。 然后，通过运行以下命令安装并调用vue-cli-...
vue-cli-plugin-vite：与vue-cli一起使用Vite Today
03-04
无需任何代码库修改即可直接使用的vue-cli项目。 目录 用法 vue add vite 插件的生成器将为相应的main。{js，ts}编写一些main.html ，因为vite需要html文件作为dev-server条目文件 动机 我们有很多现有的vue-cli...
vue-cli-plugin-tailwind:Tailwind CSS的vue-cli插件
05-10
vue-cli-plugin-tailwind 一个将Tailwind CSS添加到您的vue-cli项目的插件。入门在您的vue-cli项目文件夹中，通过以下方式添加插件： vue add tailwind选择要生成的Tailwind配置： 无-不会创建一个配置文件。 如果...
vue-cli-plugin-multiple-page:基于vue-cli https的buildwatch多页面条目插件
05-30
vue-cli-plugin-multiple-page 一个基于 vue-cli 捆绑多个页面的插件。 与vue-cli's pages配置不同，它是通过将多个页面分片到不同的 webpack 配置来处理的 用法 在你的 vue-cli 创建的项目中安装插件，如果没有请...
nhdogjmejiglipccpnnnanhbledajbpd-5.3.3-Crx4Chrome.com.crx
12-19
在网站找了好久只有github下载，尝试之后有问题。终于找到了这个插件，直接拖拽上去就可以了 快捷简单。附上https://www.crx4chrome.com/crx/11903/
nhdogjmejiglipccpnnnanhbledajbpd.zip
01-15
直接下载解压之后，将对应文件拖拽到谷歌浏览器即可，按照对应提示信息，可以成功安装Vue Devtools调试工具
vuejs-devtools20200519_v5.1.0.zip
05-19
编译好的chrome插件，用来提高vue开发效率的 不用自己下载源码再编译了，在开发模式下，引入文件夹的插件即可
nhdogjmejiglipccpnnnanhbledajbpd-5.1.1-Crx4Chrome.com.crx
08-20
vue debug Chrome浏览器vue调试工具，使用时拖拽至扩展程序使用.
Electron 12 学习（四）Vue CLI Plugin Electron Builder 安装与配置
05-21 3805
添加 Vue CLI Plugin Electron Builder： vue add electron-builder D:\WebstormProjects\Electron-12-Study>vue add electron-builder ???? Installing vue-cli-plugin-electron-builder... + vue-cli-plugin-electron-builder@2.0.0 added 238 packages from 119 contri
vue add electron-builder报错
yusha123的博客
09-25 897
ELECTRON_MIRROR=https://npm.taobao.org/mirrors/electron/
electron优化笔记
m0_45236510的博客
04-24 1798
electron优化笔记，启动缓慢优化
Electron 桌面应用问题解决方法
qq_33323731的博客
05-30 1612
1.打包桌面应用之后，点击图标会打开多个相同的窗口。下面代码可以解决这个问题：const {app} = require('electron')let myWindow = null const shouldQuit = app.makeSingleInstance((commandLine, workingDirectory) => { // Someone tried to run...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值