Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >electron-vue———在Electron 中使用Vue Devtools

electron-vue———在Electron 中使用Vue Devtools

作者头像
余生
发布于 2018-10-15 07:48:44
发布于 2018-10-15 07:48:44
3.7K3
举报
文章被收录于专栏:余生开发余生开发

在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, '/static').replace(/\/g, '\\') BrowserWindow.addDevToolsExtension("/Users/zhang/Library/Application Support/Google/Chrome/Default/Extensions/上边的ID"); } 重点是BrowserWindow这一句,这样就在Electron 中添加了Vue Devtools 就能愉快的开发了

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2018.08.15 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
3 条评论
热度
最新
能否说详细点?
能否说详细点?
11点赞举报
额,这个也是我在网上搜的,实验过了,可能版本改了文件位置不一样了,当时我弄的时候是可以的,很久没玩这个架构了
额,这个也是我在网上搜的,实验过了,可能版本改了文件位置不一样了,当时我弄的时候是可以的,很久没玩这个架构了
回复回复点赞举报
是在index?不是在配置里面吗?
是在index?不是在配置里面吗?
回复回复点赞举报
推荐阅读
编辑精选文章
换一批
electron套壳vue2项目
最近lender提了个需求,说最近项目可能要变动一下,把网页端变成桌面端,小手一挥,博主就开始库库的找。奈何网上教程一大堆,但是没找到一个对版的,不是安装过程有错,就是执行命令过程失误。一个教程文章得搜五个报错文章,虽然最终我做出来噜,但是很费劲,所以这篇用来总结一下。
刘小胖
2024/04/10
4802
electron套壳vue2项目
electron 自动更新以及手动更新
从搭建开始 使用的是electron-vue 毕竟方便一点 如果只想安装electron 请参见我的另一个文章 https://segmentfault.com/a/11...
李昊天
2019/05/26
2.8K0
Electron集成Vue Cli3创建项目
插件官网地址: https://nklayman.github.io/vue-cli-plugin-electron-builder/
码客说
2020/05/09
2.5K0
使用electron实现百度网盘悬浮窗口功能!
没有使用electron内置的-webkit-app-region: drag 因为使用他那个有很多问题 比如事件无法使用 右键无法使用 以及不能使用手型等!
李昊天
2019/05/26
2.6K0
我的第一个Electron应用
hello,好久不见,最近笔者花了几天时间入门Electron,然后做了一个非常简单的应用,本文就来给各位分享一下过程,Electron大佬请随意~
街角小林
2023/05/31
1.4K0
我的第一个Electron应用
electron 踩坑总结
如果你可以建一个网站,你就可以建一个桌面应用程序。 Electron 是一个使用 JavaScript, HTML 和 CSS 等 Web 技术创建原生程序的开源框架,它负责比较难搞的部分,你只需把精力放在你的应用的核心上即可。
Cell
2022/09/23
2.5K0
Electron 的打包与构建
说起 Electron,大家能定不会感觉到陌生,庞大的体积,内置浏览器,Hello World 都有 200+M... 我个人是很反感跨段应用的,虽然对于开发来说,节省了很多时间,但是站在用户的角度来讲,体验就不是那么称心如意了。但是最近一些业务需要用到 Electron,折腾过程中也踩了不少坑,总结一下。
Innei
2021/12/28
1.3K0
Electron使用electron-updater自动更新
在项目的根目录新建dev-app-update.yml文件 这个文件是为了方便进行本地调试
明知山
2021/12/28
4.4K2
Electron使用electron-updater自动更新
Electron+Vue3.2+TypeScript+Vite开发桌面端
Electron可以让程序员重用Web的代码,使用HTML、CSS、JavaScript来构建桌面应用,并在不同平台上使用。
星星在线
2022/08/31
2.6K0
Electron9.x +vue+ffi-napi 调用Dll动态链接库
本文主要介绍在 Electron9.x 中,使用ffi-napi,ref-array-napi,ref-napi 加载 Windows 动态链接库,并在Vue 渲染进程中使用。使用过程中会遇到一系列的坑,本文将会一一解决,并解释原因。如有同行兄弟遇到此问题可以借鉴。
治电小白菜
2022/09/08
5.1K0
React使用Electron开发桌面端
React是一个流行的JavaScript库,用于构建Web应用程序。结合Electron框架,可以轻松地将React应用程序打包为桌面应用程序。以下是使用React和Electron开发桌面应用程序的步骤:
世间万物皆对象
2024/03/20
7540
程序员就得会偷懒,重写了一个electron小工具,解放美女运营!
文章地址:https://cloud.tencent.com/developer/article/2474320
一起重学前端
2024/12/06
1560
electron25+vue3+pinia2跨端chatgpt聊天应用
最近一直学习electron25集成vite4.x技术开发跨端应用。就搭建了一个electron-chatgpt聊天EXE程序。
andy2018
2023/06/11
1.2K2
自己动手用electron+vue开发博客园文章编辑器客户端【一】
其实第一个版本已经很好了,不知足,后来自己又做了兼容markdown的,结果用来用去,发现不是自己想要的
liulun
2018/12/26
3.6K0
electron-vue仿微信桌面端|electron聊天实例
electron-vchat客户端聊天实例是基于electron+vue+vuex+Node+vue-router等技术开发的仿制微信pc桌面聊天项目。实现了消息发送 /表情(光标处插入表情),图片 /视频预览,拖拽上传 /粘贴截图发送 /微信 dll 截图,右键菜单、朋友圈 /红包 /换肤等功能。
andy2018
2020/01/10
6K2
electron-vue仿微信桌面端|electron聊天实例
Electron 快速入门,顺便聊聊 IPC 通信
前阵子将排课系统的一些功能,提供给 solar 编辑器使用,solar 是基于互动课件编辑器 Cocos ICE 进行二次定制和个性化开发的课件制作系统,其底层是 Cocos Creator。而 Cocos Creator 是基于 Electron 进行开发的,所以学习了一些关于 Electron IPC 通信的相关知识,在这里做一个总结。 文章的开始,先让我们来了解下 Electron 是什么。 1. 什么是 Electron? Electron 官网只有一句简单的话: 使用 JavaScript,HTM
用户1097444
2022/06/29
1.9K0
Electron 快速入门,顺便聊聊 IPC 通信
electron-tabs 打包方法
最近公司项目需求涉及到 electron 应用的标签页实现,所以找到了这个开源的页签实现方式。
薛定喵君
2022/08/30
1.1K0
如何用Vue开发Electron桌面程序? 这篇就够了!
Electron 是一个由 GitHub 及众多贡献者组成的活跃社区共同维护的开源项目. 使用 JavaScript,HTML 和 CSS 构建跨平台的桌面应用程序
治电小白菜
2021/01/05
6.3K2
如何用Vue开发Electron桌面程序? 这篇就够了!
原创electron32+vue3+arco-design桌面端winOS系统Vue3ElectronOS
经过半个月高效输出,原创新作electron32.x+vite5仿ipad/wins桌面os管理系统项目完结了。
andy2018
2024/09/05
2480
原创electron32+vue3+arco-design桌面端winOS系统Vue3ElectronOS
前端实战:electron+vue3+ts开发桌面端便签应用
具体实现过程, 内容很长, 建议先点赞收藏, 再一步步学习, 接下来会就该项目的每一个重点细节做详细的分析.
徐小夕
2021/09/03
3.6K0
前端实战:electron+vue3+ts开发桌面端便签应用
相关推荐
electron套壳vue2项目
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档