快捷键我们日常开发过程中用得很多,比如 Ctrl + A 全选,Ctrl + C 复制,Ctrl + V 粘贴。可以供我们选择的快捷键有:Command (简写Cmd)Control(简写Ctrl)CommandOrControl(简写CmdOrCtrl)AltOptionAltGrShiftSuper 我们把上面的代码修改一下,增加快捷键,快捷键通过 accelerator 属性进行定义。 const template = [ {...
// 监视快捷键,如F12在开发模式下打开devTool,不需要手动写代码开启optimizer.watchWindowShortcuts() preload工具库,用于向渲染进程暴露 Electron APIs (ipcRenderer,webFrame,process) 代码示例: // preload 脚本 import { electronAPI } from '@electron-toolkit/preload' exposeElectronAPI() // 渲染进程中 windo...
这个很容易,只要通过 ctrl/cmd + alt + i 快捷键打开devtool,然后自己替换下头像,找到那个 ajax 请求就可以了. 我们注意到 formData 主要有 img 和 user_code 两部分构成. 构造img 字段 其实就是一个图片的 base 编码, Node 搞这个,轻轻松啊. 先安装一个工具库:base64-img npm install base64-img --sa...
├─ /.vscode ├─ /build <-- build编译过程性输出目录├─ /dist <-- 最终build的输出目录├─ /node_modules ├─ /out <-- dev和build编译过程性输出目录├─ /resources <-- 主进程和preload的公共资源目录├─ /src | ├─ /main <-- 主进程开发目录 | ├─ /preload <-- preload开发目录 ...
二、开发环境搭建 我们了解到 Electron 分为两类进程,main 和 renderer。所以搭建开发环境时不能像普通的前端应用一样一个 webpack 配置搞定。并且我们想要实现 一键启动开发环境 一键打包 一键发布 那么就需要两个 webpack 配置文件。 一个用于开发环境 --webpack.dev.ts。
join(devtoolPath, 'dev-mode.txt'))) { mainWindow.webContents.openDevTools(); } mainWindow.loadFile('index.html'); } app.whenReady().then(createWindow); 然后,在生产环境中,你可以通过在用户数据目录下创建一个名为dev-mode.txt的文件来开启开发者工具。 测试并验证调试模式 重新启动Electron应用后...
快捷键,全局等待时间,中英文,版本号,日志目录,超时时间,远程端口,之类, version.json---迭代版本信息, extend---扩展组件目录, python---python程序, config---i18n主要是中英文配置, build---构建目录, app---主要项目目录, css---css样式目录, img---静态资源目录, main---主进程代码 ,核心部分, pages...
{ label: '打开开发者工具', click: handler.openDevtool } ] } ] } } template && Menu.setApplicationMenu(Menu.buildFromTemplate(template)) } /** * 切换是否显示menu */ export function toggleMenu () { if (isLinux) { if (Menu.getApplicationMenu()) { showLinuxMenu = false Menu.setAppli...
本体不再增加默认的图床支持。你可以自行开发第三方图床插件。详见 PicGo-Core。特色功能支持拖拽图片上传 支持快捷键上传剪贴板里第一张图片 Windows 和 macOS 支持右键图片文件通过菜单上传 (v2.1.0+) 上传图片后自动复制链接到剪贴板 支持自定义复制到剪贴板的链接格式 支持修改快捷键,默认快速上传快捷键:command+...