ICode9

精准搜索请尝试: 精确搜索
  • net core3.1 + electron 9.31.2 项目初始化2021-11-10 01:04:36

                                                注意点: 1.根据项目的netcore的版本找到适应当前版本的  ElectronNET.API 比如当前项目是: netcore3.1 可以使用 ElectronNET.API 9.31.2 2. ElectronNET.API 9.31.2 每个新建的项目都需要安装 3. 

  • Electron读取本地文件并显示2021-11-09 17:06:02

    Electron读取本地文件并显示,也就是暴露一个读取本地特定文件内容的接口给渲染进程调用。 主要参考:https://stackoverflow.com/questions/44391448/electron-require-is-not-defined 基于官方的快速教程示例代码进行修改,原始代码如下: // main.js // Modules to control applicat

  • 【electron】打包过程中的一些坑2021-11-09 11:59:38

    1.应用白屏 本地运行正常,打包后白屏,大概率是loadFile路径不对 其中index.html的路径要根据打包后的main.js的相对路径,打包后main.js的层级变了,需要对应修改,renderer和main的目录是并列的 win.loadFile(path.join(__dirname, '../../renderer/index.html')); 2. 整个应用打包后找

  • npm或pnpm安装electron失败解决办法2021-11-07 10:34:01

    1.      pnpm:     pnpm config set electron_mirror "https://npm.taobao.org/mirrors/electron/"   npm:      npm config set electron_mirror "https://npm.taobao.org/mirrors/electron/" 2.   pnpm install electron    npm install electron   另一种

  • 在Electron中简单实现拖拽功能2021-11-07 00:02:39

    背景 实现简单的拖拽文件、图片到系统本地,拖拽消息体文本发送(类似于微信、QQ中的功能) 实现拖拽到本地系统,不考虑mouse实现方式,使用Electron中的startdrag配合Browser的Drag and Drop startdrag Electron API (startDrag) 提供拖拽文件到桌面系统本地的能力 使用情况比较简单,

  • Electron+Vue开发跨平台桌面应用2021-11-05 18:34:13

      虽然B/S是目前开发的主流,但是C/S仍然有很大的市场需求。受限于浏览器的沙盒限制,网页应用无法满足某些场景下的使用需求,而桌面应用可以读写本地文件、调用更多系统资源,再加上Web开发的低成本、高效率的优势,这种跨平台方式越来越受到开发者的喜爱。 Electron是一个基于Chromiu

  • 2021-11-042021-11-04 10:58:15

    electron基本使用 简介: 1.基于chromium和nodeJs 开发 2.使用JavaScript、html、css 构建跨平台应用程序 3.是开源的 4.兼容mac / windows / linux 5.比nwjs 靠谱 1.使用方法 (1)初始化文件夹 npm init (2)先装入模块 npm i electron -S (加载electron) 2.修改入口文件 (1)Pac

  • Electron-Builder 打包Nsis,安装后自动运行程序2021-11-02 12:01:38

    需求,想要的功能 默认 Program Files 或 Program Files(x86) 可以选择安装目录 安装后自动运行程序 electorn-builder nsis配置,如下: { oneClick: false, perMachine: true, allowElevation: true, allowToChangeInstallationDirectory: true, } 问题 查看electr

  • Electron 使用 Tray设置图标的路径问题2021-11-02 09:33:59

    问题报错信息如图 上面的代码在dev模式下不报错,但是在build后,安装后,运行会提示错误,错误信息的大意是参数错误,原因应该是安装后的图片文件路径有问题,这块没有详细研究解决上面的问题的方法,是使用nativeImage代替字符串路径 new Tray(nativeImage.createFromPath(path.join(__dirn

  • 使用国内npm安装electron2021-10-28 19:02:53

    由于国内墙的问题,使用npm下载electron绝大多数情况下会报超时,使用yarn安装直接报失败。 在此记录一下尝试成功的下载步骤。 使用淘宝镜像 执行的前置命令 npm config set registry https://registry.npm.taobao.org/ npm config set ELECTRON_MIRROR http://npm.taobao.org/mirr

  • Visual Studio Code简称vscode居然不是C++写的2021-10-28 14:03:27

    Visual Studio Code 基于 Electron 开发。 Electron 是一个基于 Chromium 的项目,可用于开发基于 Node.js 的本地应用程序。 Visual Studio Code 使用 Blink 排版引擎渲染用户界面。 路很长,不要盲目地迷信。开源一样创造奇迹!

  • Electron,可以将web网页程序包装成桌面应用2021-10-22 10:03:59

    Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架,内嵌Chromium,Nodejs,可以用JavaScript写同一份代码,发布到不同平台的本地应用,支持Windows、macOS,Linux。 通过它可以把我们日常用的一些网页进行包装,做成桌面上点开的应用,想用的时候直接点开就行了,不用打开谷歌、

  • Electron-Vue数据持久化处理方案2021-10-21 16:02:13

    1. 首先执行 $ npm install electron-store 2. 修改vue.config.js文件进行配置,设置 electron-vue 的运行环境(已修改) nodeIntegration 改为true 3. electron 11x 以上版本:在electron 主进程中执行以下代码 import Store from 'electron-store'; Store.initRenderer() 4.渲染

  • electron学习笔记22021-10-16 18:02:20

    electron学习笔记2 1.Electron 应用部署 为了使用 Electron 部署你的应用程序,你存放应用程序的文件夹需要叫做 app 并且需要放在 Electron 的资源文件夹下(在 Linux 和 Windows 中是指 resources/)就像这样: electron/resources/app ├── package.json ├── main.js └── index

  • electron学习笔记(1)2021-10-15 08:34:31

    electron学习笔记 1.简介 Electron 可以让你使用纯 JavaScript 调用丰富的原生 APIs 来创造桌面应用。你可以把它看作是专注于桌面应用而不是 web 服务器的,io.js 的一个变体。 这不意味着 Electron 是绑定了 GUI 库的 JavaScript。相反,Electron 使用 web 页面作为它的 GUI,所以你能

  • Electron + node C++开发2021-10-14 23:32:38

    node-gyp Electron C++,使用nan npm install -g prebuild node-gyp electron npm install nan bindings --save #include <nan.h> void Add(const Nan::FunctionCallbackInfo<v8::Value>& info) {   if (info.Length() < 2) {     Nan::ThrowTypeError(&q

  • Electron 菜单2021-10-13 19:33:27

    示例代码 一、自定义菜单 分成三个步骤 定义菜单内容 let menuTemp = [{ label: 'File', click() { } }] 其中数组里的每一项都是个 menuItem 根据上述的模板数据生成一个 menu const menu = Menu.buildFromTemplate(menuTemp) 将上述的自定义菜单添加到 app 里 Menu.

  • electron-PC端部署流程梳理2021-10-13 15:03:02

    之前一篇文章介绍了electron-PC端持续集成的设计方案,这里记录下具体的实现细节。 阶段一 打包 首先介绍下,我们使用的electron-vue这个脚手架搭建的项目。 打包我们使用的是electron-builder,这里介绍了基本的使用 electron-build 的使用 我们从打包的npm scripts 入手来看下打包流

  • Electron——如何检测应用程序的为响应状态2021-10-13 11:31:31

    前言 我们如何通过Electron来检测一些应用程序的状态呢,如:未响应; 文档地址 EnumWindows IsHungAppWindow GetWindowThreadProcessId NodeJs——如何获取Windows电脑指定应用进程信息 内容 获取指定应用程序PID 通过exec执行cmd命令查询指定应用的PID,并通过electron-store存储获

  • BongoCat_Mac(一)_Electron如何监听键盘事件——ioHook2021-10-02 23:32:08

    运行环境 macOS High Sierra系统 10.13.6 node v14.2.0 electron v8.0.0 项目 http://gitee.com/xuanyusan/bongocat_for_mac 关于BongoCat Bongo Cat是一款用于装饰直播/视频/桌面的工具,它能根据鼠标、键盘、手柄操作做出相应的动作,具有高度的可定制性。 它是由一个越南的高

  • electron-vue 报错 Unresolved node modules: bufferutil, utf-8-validate, canvas2021-09-29 17:35:19

    "electron-builder" 版本 "electron-builder": "^20.41.0", 解决办法:更新版本,我换这个版本有效 "electron-builder": "21.2.0",

  • electron自定义最小化,最大化和关闭按钮2021-09-27 14:03:15

      Electron ipcRenderer 模块 ipcRenderer 模块是一个 EventEmitter 类的实例. 它提供了有限的方法,你可以从渲染进程向主进程发送同步或异步消息. 也可以收到主进程的响应. 发送消息 ipcRenderer 模块有如下方法来发送消息: ipcRenderer.send(channel[, arg1][, arg2][, ..

  • 解决MacOS Big Sur 使用npm安装electron下载时龟速问题2021-09-24 16:00:25

    安装时指定源版本及源 ,亲测有效 npm install -g electron@v15.0.0 --electron_mirror=https://npm.taobao.org/mirrors/electron/ 查看版本    

  • electron打包后的图标锯齿解决办法2021-09-24 15:35:41

    1. 下载icofx3软件 ;     点击icofx3.exe运行     2. 点击“从图像创建window图标”     3. 选择需要转成的ico格式的png图片    点击文件 -> 保存 这样就会宝成一个ico格式的图片。 其实:icofx3 使用这个软件做一个ico,ico是一个套图,如果你的ico或者png格式的可能只是一

  • 关于electron应用mac公证问题2021-09-24 15:33:52

    对于 Electron 应用,它有 electron-notarize 的工具来做公证。但遗憾的是,我使用的时候出现了各种各样的报错,相关GitHub issue上也发现有人出现跟我类似的问题,不过没有明确的解决办法。 折腾半天,决定用原始的办法来解决——命令行工具。 一句命令 xcrun altool --notarize-app

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有