Electron？Electron？electronElectronElectron？Electron是由GitHub开发和维护的开源软件框架。它允许使用 Web 技术开发桌面 GUI 应用程序：它结合了渲染引擎和运行时。ChromiumNode.js
Electron？现在您可能想知道为什么要使用electron...嗯，有几个相当令人信服的理由：
Electron是一个由GitHub和活跃的贡献者社区维护的开源项目，可以快速修复错误并添加新功能。HTML、CSS&到诸如、和之JS类的框架。ReactAngularVueelectron等制作的。好了，废话少说，现在开始将您的Web 应用转换为桌面应用。首先，electron使用以下命令进行安装。
npm i -g electron
安装完成后，打开一个新文件夹并创建index.js文件。
const { app, BrowserWindow } = require('electron')
const path = require('path')
const createWindow = () => {
const win = new BrowserWindow({ width: 800, height: 600, })
win.loadFile(path.join(__dirname, 'index.html')) // Assuming the file is located in the same folder
}
app.whenReady().then(() => {
createWindow()
app.on('activate', () => BrowserWindow.getAllWindows().length === 0 && createWindow())
})
app.on('window-all-closed', () => process.platform !== 'darwin' && app.quit())
瞧！你的应用仅用 14 行代码就转换成了桌面应用。你可以使用以下命令运行该应用
electron .
附言：请确保你已index.html在指定位置，否则应用会崩溃。出于测试目的，你可以使用一行代码
<h1>Cross Platform App</h1>
但是开发任何这样的应用程序都不是最佳选择，最好使用npm或之类的工具创建一个合适的项目，yarn以便更好地进行包管理。
首先使用
npm init
并添加electron为开发依赖项
npm i -D electron
让我们创建index.js文件
const { app, BrowserWindow } = require('electron')
const path = require('path')
function createWindow () {
const win = new BrowserWindow({
width: 800,
height: 600,
})
win.loadFile(path.join(__dirname, 'gui', 'index.html')) // Assuming the GUI files are in a folder called gui
}
app.whenReady().then(() => {
createWindow()
app.on('activate', () => {
if (BrowserWindow.getAllWindows().length === 0) {
createWindow()
}
})
})
app.on('window-all-closed', () => {
if (process.platform !== 'darwin') {
app.quit()
}
})
是的，我确实压缩了文件一点以使其适合 14 行😅。
您应该将文件组织在单独的文件夹中（如上例中的Web 应用程序文件的GUI ）。
electronElectron也有一些缺点
ElectronSmartsapp
网络应用程序：https://smartsapp-ba40f.firebaseapp.com
ruppysuppy / SmartsApp
具有端到端加密（E2EE）的完全跨平台的通讯应用程序。
注意：演示中展示的功能并不详尽。演示中仅展示核心功能。
应用程序的后端由 处理Firebase。
SmartsappGoogle AnalyliticsApp从概览页面创建项目Authentication部分Sign-in method标签Email/Password并Google登录Firestore部分Rules…需要一位顶级软件开发自由职业者来解决你的开发难题吗？在Upwork上联系我
想联系我吗？请在LinkedIn上联系我
关注我的博客，每两周在Medium上获取最新资讯
常问问题
这些是我经常收到的一些问题。希望这个常见问题解答部分能解决您的问题。
我是初学者，该如何学习前端 Web 开发？
可以参考以下文章：
你能指导我吗？
抱歉，我工作已经很忙了，没时间指导任何人。