// 我们需要导入两个electron模块const{app,BrowserWindow}=require('electron')constpath=require('path')// 创建一个createWindow()函数,用于将index.html加载到新BrowserWindow实例中constcreateWindow=()=>{constwin=newBrowserWindow({width:800,height:600,webPreferences:{preload:path.join(__dirname,'preload.js'...
bashCopy Codemkdir my-electron-app cd my-electron-app npm init -y 2.3 安装 Electron 在项目目录中,使用 npm 安装 Electron: bashCopy Codenpm install electron --save-dev 3. 创建基本的 Electron 应用 3.1 创建主进程脚本 在项目目录中创建一个文件 main.js,这是主进程的入口文件。主进程负责管理窗口和...
🎉 项目搭建例子: Electron + React + Ant-Design 理论上来说,目前的前端框架都能很好地配合Electron进行工作,当然你甚至可以使用原生御三家加上Node.js来进行Electron应用的开发。 在这里,我以我本人的开发喜好为例,讲解一下使用React作为前端界面框架、Ant-Design作为UI库、Electron作为Native支持的项目搭建。 接下...
Electron已被很多个开源和闭源应用软件所使用，国内比较熟知的：1、被广大所熟知和使用的Atom 2、MongoDB...
一、Electron深度概览 Electron是一个使用Web技术(HTML, CSS, 和 JavaScript)来创建桌面应用程序的框架。它允许开发者将Web应用封装成独立的桌面应用,并且可以运行在Windows、macOS和Linux系统上。Electron内部…
Electron是一个基于Node.js和Chromium的跨平台桌面应用开发框架。它允许开发人员使用HTML,CSS和JavaScript等Web技术来构建桌面应用程序。Electron可以将Web应用打包为独立的本地应用程序,支持Windows,Mac和Linux等多个操作系统。二、Electron的优点1. 跨平台:使用Electron,您可以轻松地构建跨平台的桌面应用程序,支持Windows,...
五、查看electron+vue 项目目录 相比于 基础 vue 项目 我们可以发现在目录中 多出一个 background.js 文件 此处可以 配置 electron 应用的一些设置。 如窗口大小 、 是否可以缩放、是否可以移动窗口等等 Background.js 文件 'use strict' import{app,protocol,BrowserWindow}from 'electron' ...
一直以来都有听说利用electron可以非常便捷的将网页应用快速打包生成为桌面级应用,并且可以利用electron提供的 API 调用原生桌面 API 一些高级功能,于是这次借着论证环信 Web 端 SDK 是否可以在 electron 生成的桌面端正常稳定使用,我决定把官方新推出的webim-vue3-demo,打包到桌面端,并记录一下这次验证的过程以及所遇...