electron
凉音、
小笨鸟
展开
-
Electron log4js 配置
桌面应用开发中需要借助日志帮助我们去分析一些异常情况,log4js是很好的日志库安装cnpm install log4js --save配置import log4js from 'log4js'import path from 'path'import { app} from 'electron'// 日志文件的输出路径,这里我们选择userData path下的logs// 在我的电脑上是C:\Users\xxx\AppData\Roaming\myAp..原创 2021-06-23 09:36:10 · 1974 阅读 · 0 评论 -
electron 从剪贴板读取图片并显示
以下示例代码基于vue首先,我们在data中定义几个变量data() { return { showclipboardImage: false, // 是否显示图片 pasteImageData: '', // 图片base64资源 imageQuality: 1 // 图片质量,用于压缩 }}然后,我们需要定义template<!-- 粘贴事件 --><input ref="inp...原创 2021-01-18 10:39:37 · 1565 阅读 · 1 评论 -
electron-vue项目 自动更新解决方案(附代码)
electron-vue的创建过程这里不再赘述。相信已经搜索到这篇文章的你,已经完成了这个过程,下面我们进入正题前言如果您的electron版本还是2.xx版本,需要更新electron版本,更新方式戳这里https://blog.csdn.net/weixin_43272648/article/details/104339699第一步,安装electron-updater依赖npminstallelectron-updater--save第二步,配置packa...原创 2020-08-27 15:04:10 · 2651 阅读 · 5 评论 -
electron 创建单例应用
本文是为了解决多次双击应用图标时创建多个应用实例的问题达到的效果:每次双击应用或打开应用时,不会创建多个实例,而是激活已经打开的主窗体。实际上这种方案并不是只创建一个实例,而是在窗体打开时判断如果已经存在实例,则激活已经打开的示例并退出当前打开的示例,效果上就是只有一个实例上代码// 实现单例,在启动第二个实例后,激活主窗口,然后退出第二个实例const shouldQuit = app.makeSingleInstance(() => { if (mainWindow)原创 2020-08-25 16:09:59 · 1508 阅读 · 0 评论 -
electron el-tooltip组件不显示的解决方案
在22行的whiteListedModules中添加“element-ui”,重新npm run dev编译,问题就可以得到解决原因这里的externals意思是:externals配置选项提供了「从输出的 bundle 中排除依赖」的方法。相反,所创建的 bundle 依赖于那些存在于用户环境(consumer's environment)中的依赖。此功能通常对library 开发人员来说是最有用的,然而也会有各种各样的应用程序用到它。防止将某些import的包(pa...原创 2020-08-21 10:22:13 · 1877 阅读 · 2 评论 -
electron-vue 使用sass全局样式变量实现统一主题色
安装sass-resources-loader包npm install --save-dev sass-resources-loader修改webpack.renderer.config.js配置找到.electron-vue/webpack.renderer.config.js,在module.rules下的sass-loader后添加以下内容{ loader: 'sass-resources-loader', options: { resources: path.原创 2020-08-20 18:04:20 · 970 阅读 · 0 评论 -
vue项目包装成electron桌面应用(超简单!!只需四步)
准备工作1、安装nodejs2、配置淘宝镜像npm install -g cnpm --registry=https://registry.npm.taobao.org3、安装git以上都是前端工程师基本的操作了这里不赘述,不清楚的百度即可1、全局安装electron及electron-packager全局安装electron ; 全局安装electron-packager,用于打exe包cnpm install electron -gcnpm install .原创 2020-08-18 10:38:04 · 1389 阅读 · 1 评论