Electron是由GitHub开发的一个开源库,用于构建具有HTML,CSS和JavaScript的跨平台桌面应用程序。 Electron通过将Chromium和Node.js组合到一个运行时来实现这一点,并且可以为Mac,Windows和Linux打包应用程序。
本教程专为那些渴望为Linux,Windows和MacOS构建跨平台桌面应用程序的学员而设计。
本教程专为那些渴望为Linux,Windows和MacOS构建跨平台桌面应用程序的学员而设计。
2021年09月28日
2021年09月17日 打包和分发应用程序是桌面应用程序开发过程中不可或缺的一部分。 由于Electron是一个跨平台的桌面应用程序开发框架,所有平台的应用程序的打包和分发也应该是一种无缝的体验。
2021年09月17日 我们有两个运行应用程序的进程 – 主进程和渲染器进程。
由于渲染器进程是在我们的浏览器窗口中执行的进程,因此我们可以使用Chrome Devtools进行调试。 要打开DevTools,请使用快捷键“Ctrl + Shift + I”或键。 你可以here查看如何使用devtools。
由于渲染器进程是在我们的浏览器窗口中执行的进程,因此我们可以使用Chrome Devtools进行调试。 要打开DevTools,请使用快捷键“Ctrl + Shift + I”或键。 你可以here查看如何使用devtools。
2021年09月17日 环境变量控制应用程序配置和行为而不更改代码。 某些Electron行为由环境变量控制,因为它们早于命令行标志和应用程序代码进行初始化。
Electron编码有两种环境变量 – Production variables和Development variables.
Electron编码有两种环境变量 – Production variables和Development variables.
2021年09月17日 我们通常记住我们每天在PC上使用的所有应用程序的某些快捷方式。 为了使您的应用程序直观且易于用户访问,您必须允许用户使用快捷方式。
2021年09月17日 如果您要为屏幕共享,语音备忘录等构建应用程序,音频和视频捕获是重要的特性。如果您需要应用程序来捕获配置文件图片,它们也很有用。
2021年09月17日 webview标记用于在您的Electron应用中嵌入“来宾”内容,例如网页。 此内容包含在webview容器中。 应用内的嵌入式页面控制着如何显示此内容。
2021年09月17日 Electron仅为MacOS提供本机通知API。 所以我们不打算使用它,而是使用名为node-notifier的npm模块。 它允许我们在Windows,MacOS和Linux上通知用户。
2021年09月17日 系统托盘是应用程序窗口之外的菜单。 在MacOS和Ubuntu上,它位于屏幕的右上角。 在Windows上,它位于右下角。 我们可以使用Electron为系统托盘中的应用程序创建菜单。
2021年09月17日 桌面应用程序有两种类型的菜单 – application menu (在顶部栏上)和context menu (右键菜单)。我们将在本章中学习如何创建这两者。
2021年09月17日 任何应用程序都是一个用户友好的非常重要。因此,您不应使用alert() 调用创建对话框。 Electron提供了一个非常好的界面来完成创建对话框的任务。 我们来看看吧。
2021年09月17日 Electron为我们提供了2个IPC(进程间通信)模块,称为ipcMain和ipcRenderer 。
2021年09月17日 在前一章中使用了节点模块fs。 我们现在将介绍一些我们可以与Electron一起使用的其他节点模块。
2021年09月17日 文件处理是构建桌面应用程序的一个非常重要的部分。 几乎所有桌面应用程序都与文件交互。我们将在我们的应用程序中创建一个表单,该表单将作为输入,名称和Electron邮件地址。 此表单将保存到文件中,并将创建一个列表,将其显示为输出。
2021年09月17日 Electron应用程序的用户界面使用HTML,CSS和JS构建。 因此,我们也可以利用所有可用的工具进行前端Web开发。 您可以使用Angular,Backbone,React,Bootstrap和Foundation等工具来构建应用程序。
2021年09月17日 我们为项目创建了一个package.json 文件。 现在我们将使用Electron创建我们的第一个桌面应用程序。
2021年09月17日
2021年09月17日
记录开发过程中遇到的问题及解决方案。笔记部分原创,部分收集自互联网。
2021年09月28日 使用 Vue 来开发 Electron 项目,有一个比较火的脚手架是electron-vue,不过很久没有更新了,而且是 vue-cli2.x 版本的。我们使用 Vue3.x 开发 Electron 项目,只能手动配置开发环境。本文介绍使用 Vue CLI 脚手架和 vue-cli-plugin-electron-builder 插件来搭建项目。
前一页
后一页