小冰
2021年05月03日入驻
合计 4
个作品
累计 23.28
万字
-
-
-
-
-
-
安装 Electron + Vue3 环境
使用 Vue 来开发 Electron 项目，有一个比较火的脚手架是electron-vue，不过很久没有更新了，而且是 vue-cli2.x 版本的。我们使用 Vue3.x 开发 Electron 项目，只能手动配置开发环境。本文介绍使用 Vue CLI 脚手架和 vue-cli-plugin-electron-builder 插件来搭建项目。 -
-
-
-
18. Electron 定义快捷方式
打包和分发应用程序是桌面应用程序开发过程中不可或缺的一部分。 由于Electron是一个跨平台的桌面应用程序开发框架，所有平台的应用程序的打包和分发也应该是一种无缝的体验。 -
17. Electron 调试
我们有两个运行应用程序的进程 – 主进程和渲染器进程。
由于渲染器进程是在我们的浏览器窗口中执行的进程，因此我们可以使用Chrome Devtools进行调试。 要打开DevTools，请使用快捷键“Ctrl + Shift + I”或键。 你可以here查看如何使用devtools。 -
16. Electron 环境变量
环境变量控制应用程序配置和行为而不更改代码。 某些Electron行为由环境变量控制，因为它们早于命令行标志和应用程序代码进行初始化。
Electron编码有两种环境变量 – Production variables和Development variables. -
-
-
13. Electron Webview
webview标记用于在您的Electron应用中嵌入“来宾”内容，例如网页。 此内容包含在webview容器中。 应用内的嵌入式页面控制着如何显示此内容。 -
12. Electron 消息通知
Electron仅为MacOS提供本机通知API。 所以我们不打算使用它，而是使用名为node-notifier的npm模块。 它允许我们在Windows，MacOS和Linux上通知用户。 -
11. Electron 系统托盘
系统托盘是应用程序窗口之外的菜单。 在MacOS和Ubuntu上，它位于屏幕的右上角。 在Windows上，它位于右下角。 我们可以使用Electron为系统托盘中的应用程序创建菜单。 -
10. Electron 菜单
桌面应用程序有两种类型的菜单 – application menu （在顶部栏上）和context menu （右键菜单）。我们将在本章中学习如何创建这两者。 -
9. Electron 对话框
任何应用程序都是一个用户友好的非常重要。因此，您不应使用alert() 调用创建对话框。 Electron提供了一个非常好的界面来完成创建对话框的任务。 我们来看看吧。 -
前一页
后一页