electron+vue 中快捷键整理(windows)

最新推荐文章于 2023-08-21 12:15:39 发布
最新推荐文章于 2023-08-21 12:15:39 发布
阅读量1.1k 收藏
点赞数
分类专栏： electron 文章标签： electron vue.js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41619796/article/details/131696249
版权

前言：

        electron+vue来开发项目的时候，我们可能很多时候，接手的项目是没有他的工具部分的，一个是需要专门去配置文件中打开，实际在不打开的情况下，是可以通过快捷键的方式来实现项目的快捷开发的。

1、代码打开他的调试工具

win = new BrowserWindow...
win.webContents.openDevTools() //打开调试框

2、快捷键：

打开调试框 ctrl+shift+i
刷新界面  ctrl+r
强刷界面 ctrl+shift+r
最小化界面 ctrl+m
全屏    f11
界面字体变大ctrl+shift+ (  +  )
界面字体变小  ctrl+ (  -  )
界面字体还原到默认 ctrl+0
本文输入的快捷键
复制ctrl+c
粘贴ctrl+v
撤销 ctrl+z
全选 ctrl+a

 

浩星
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Electron 键盘快捷键
天空之外
05-28 2799
本节我们学习 Electron 中的键盘快捷键。在 Electron 中，键盘快捷键被称作加速器，它们能够分派到运用程序菜单中的操纵上，也能够全局分派，所以纵然你的运用程序没有取得键盘核心，它们也能够被触发。 Electron 中有主进程和渲染进程这两种进行，所以我们可以分别在主进程中注册快捷键和在渲染进程中注册快捷键。 主进程注册快捷键 在主进程注册快捷键有两种方式，一种是利用 Menu 模块来模拟快捷键，二就是全局快捷键。 本地快捷键 我们可以使用 Electron 中的 Menu 模块来配置键盘快捷
鲸鸟桌面：适用于Windows，Mac和Linux的基于Electron的Mastodon，Pleroma和Misskey客户端
02-03
Linux，Windows 嘟嘟，回复 Cmd + Enter Ctrl + Enter 变更账户 Cmd + 1，2，3 ... Ctrl + 1，2，3 ... 跳到另一个时间轴 Cmd + k Ctrl + k 打开新的嘟嘟声窗口 Cmd + n Ctrl + n 重新加载当前时间线 Cmd +...
【Electron】vue+electron快捷键设置
军火库
09-14 1954
本文主要介绍electron应用如何注册销毁快捷键、以及如何动态更换快捷键的方式。在一个桌面应用中，快捷键是必不可少的，因为这会极大地方便用户的操作，使之体验更加快捷、美好。
vue-calc:用ElectronJS构建的简单VueJS计算器
05-24
Vue Calc 用ElectronJS构建的简单VueJS计算器 最新版本 版本0.18.04.06 麻省理工学院许可证:copyright:2017-2018-Samuele de Tomasi GitHub 创建于： Vue.js 威化 电子价值 十进制 Google Font Roboto Google字体Mina 快捷键 电子商店 由创建的图标 关于计算器逻辑的注意事项：应该注意，关于计算器输入逻辑有两种主要思想流派：立即执行逻辑和公式逻辑。 公式逻辑遵循操作优先级的顺序，但不执行立即执行。 Vue Calc利用立即执行逻辑。 两种方法都可以接受，但是请注意，根据某些选择，对于某些方程式，您的计算器可能会得出与我们不同的结果（请参见以下示例） 3 + 5 x 6 - 2 / 4 = 立即执行逻辑：11.5 公式/运算式逻辑：32.5
jgNote:Electron + Vuejs + Firebase Desktop笔记应用程序
05-25
[Electron + Vue.js + Firebase]跨平台降价注释应用程序 金正宇（Jungyu Kim）制作 应用程序的主要功能 没有本地数据库[在线同步，离线启用] 跨平台[Windows，Mac，Linux，（移动）] Markdown [导出PDF，图像自动上传到github] 自定义键盘快捷键 Preivew 职能 Markdown编辑器（基于Tui编辑器） 通过命令临时保存（ctrl + s） 通过命令（esc）退出 背景图片随机生成（unsplash API） 背景图片上传设置（GitHub API） 图片github通过拖放上传（Github API） 异步请求加载 自动Firestore Connect（Google Firestore） 离线同步Firestore（缓存设置） 导出为Markdown，PDF 设计（vuetify，boots
PicGo：由vue-cli-electron-builder构建的用于上传图片的简单美观的工具
02-04
PicGo 图片上传+管理新体验 应用概述 PicGo：一个有用的快速上传图片并获取图片URL链接的工具 PicGo本体支持如下图床： 七牛图床v1.0 腾讯云 COS v4\v5 版本v1.1和v1.5.0 又拍云v1.2.0 GitHub v1.5.0 SM.MS V2 v2.3.0-beta.0 阿里云 OSS v1.6.0 Imgur v1.6.0 本体不再增加默认的图床支持。您可以自行开发第三方图床插件。详见 。 特色功能 支持拖拽图片上传 支持快捷键上传的里里第一张图片 Windows和macOS支持快捷图片文件通过菜单上传（v2.1.0 +） 发布图片后自动复制链接到目的地
electron-vue-serialport:electron-vue serialport 串口读取
05-24
项目参考 项目运行环境 1，必须安装nodejs node下载地址- 2，安装node-gyp node-gyp是用来编译c++模块的工具，这里用来编译serialport， node-gyp的github文档- 全局安装 npm install -g node-gyp 通过命令npm install --global --production windows-build-tools,但是要注意 的是必须以管理员的身份启动CMD窗口 安装完成之后执行一下命令 npm config set msvs_version 2017 其他安装方法……百度 项目的安装与使用 clone到本地 # clone到本地 git clone https://github.com/648702308/electron-vue-serialport.git # 切换到项目目录 npm install`或者`cnp
【electron】 客户端调试小技巧
hzxOnlineOk的博客
06-16 2232
打开开发者工具 可以方便拦截electron内的请求，也可以通过f12的开发者工具中的source打断点。虽然在electron客户端内也能审查元素。PS：但是其有局限性，如果是窗体套窗体(webview)，就调试不到了，用浏览器自带的delTools可以方便拦截并且打断点调试2、通过在source的输入框（通过ctrl+p打开）输入“/行数321”可以快速定位到321行3、通过electron客户端新开窗体承载的webview。
electron 快捷键
wandoumm的博客
11-03 1658
ctr +shift +i 打开控制面板。
vue自定义热键、自定义快捷键组合，vue阻止默认事件
m0_50427485的博客
02-11 3447
vue自定义热键、自定义快捷键组合，vue阻止默认事件，window.addEventListener监听事件，键盘事件KeyDown，自定义快捷键组合可能会与浏览器的默认快捷键冲突，mixins
Electron入门宝典（二）模块&CSP(网页安全政策)
长夜漫漫，无心睡眠
04-22 1299
一 .Electron模块介绍 分为主进程模块和渲染进程模块，有些模块既是主进程模块又是渲染进程模块。 官方api文档戳这里 二.remote模块 remote模块提供了一种在渲染进程(网页)和主进程之间进行进程间通讯(IPC) 的简便途径。 Electron中，与GUI相关的模块(如dialog, menu等)只存在于主进程，而不在渲染进程中。 为了能从渲染进程中使用它们，需要用ipc模块来给主进程发送进程间消息。使用remote模 块，可以调用主进程对象的方法，而无需显式地发送进程间消息，这类似
Electron项目中通过electron-vue + electron-builder + electron-updater实现远程更新（包含源码）
04-01
Electron项目中通过electron-vue + electron-builder + electron-updater实现远程更新（包含源码）
PicGo:由vue-cli-electron-builder构建的用于上传图片的简单美观的工具
05-10
PicGo 图片上传+管理新体验 应用概述 PicGo: 一个用于快速上传图片并获取图片 URL 链接的工具 ...支持修改快捷键，默认快速上传快捷键：command+shift+p（macOS）| control+shift+p（Windows\Linux)
4.Electron之自定义菜单(绑定快捷键、点击事件)
一起coding，一起嗨。
04-24 3930
electron版本：v18.1.0 一、主进程引入Menu模块 const { Menu } = require('electron') 二、编写菜单数据并启用 const { Menu } = require('electron') var template = [ { label: '菜单A',//一级菜单名称 submenu: [ //定义子菜单 { label: '菜单A1' }, { label:
Electron + Vue跨平台应用（十八）基础技法（十）调试
yi_master的博客
12-17 1089
Electron + Vue + Vscode构建跨平台应用（一）知识点补充 Electron + Vue + Vscode构建跨平台应用（二）Electron + Vue环境搭建 Electron + Vue + Vscode构建跨平台应用（三）利用webpack搭建vue项目 Electron + Vue + Vscode构建跨平台应用（四）利用Electron-Vue构建Vue应用详解 Electron + Vue + Vscode构建跨平台应用（五）Electron-Vue项目源码分析 Electr
Electron 开始运行及示例项目简要介绍
zhichaosong的博客
05-21 2199
Electron 是基于 Chromium 和 Node.js 的开源项目, 让你可以使用 HTML, CSS 和 JavaScript 构建桌面应用程序，兼容 Mac、Windows 和 Linux。 文章目录一、运行项目二、快捷键三、项目目录3.1 package.json 一、运行项目 Electron官网：https://www.electronjs.org/ # 克隆示例项目的仓库 $ git clone https://github.com/electron/electron-quick-s.
electron设置控制台快捷键
奔跑的面条博客
02-16 1万+
控制台快捷键设置成ctrl+shift+i //在ready事件里 app.on('ready', async () => { globalShortcut.register('CommandOrControl+Shift+i', function () { win.webContents.openDevTools() }) createWindow(); }) 可以设...
Electron项目调试技巧
u013896513的博客
08-21 951
Electron项目调试技巧
vue报错Cannot assign to read only property ‘exports‘ of object ‘#＜Object＞‘
热门推荐
浩星
08-18 2万+
前言： 在研究electron的时候，扒拉人家大神的源码，出现的这个问题，出现这个问题之后找了很多资料，最终也是解决了这个问题，整理下方法： 资料： 国外有一个大神对此分析的很清楚，他把原因分成以下两类： 翻译, 第一种原因就是import和module.exports的混用要知道commonJS和ES6的语法是不太一样的前者是require和module.exports后者则是import和exports,当你混用这两个语法的时候，webpack就会报错，也...
electron+vue中文乱码
最新发布
10-12
在 Electron+Vue 中文乱码的解决方法有很多，以下是一些常见的方法： 1. 在 HTML 文件的 head 标签中添加以下 meta 标签： ```html <meta charset="utf-8"> <meta http-equiv="Content-Security-Policy" content="default-src 'self'"> ``` 2. 在 Electron 主进程中设置以下代码： ```javascript app.commandLine.appendSwitch('disable-site-isolation-trials'); ``` 3. 在 Vue 项目的 webpack 配置文件中添加以下代码： ```javascript module.exports = { // ... configureWebpack: { module: { rules: [ { test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/, loader: 'url-loader', options: { limit: 10000, name: 'fonts/[name].[hash:7].[ext]' } } ] } } } ```

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

浩星

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值