Electron

打造你的第一个 Electron 应用Electron 可以让你使用纯 JavaScript 调用丰富的原生(操作系统) APIs 来创造桌面应用。 你可以把它看作一个 Node. js 的变体，它专注于桌面应用而不是 Web 服务器端。 这不意味着 Electron 是某个图形用户界面（GUI）库的 JavaScript 版本。 相反，Electron 使用 web 页面作为它的 GUI，所以你能把它看作成一个被 JavaScript 控制的，精简版的 Chromium 浏览器。 注意: 获取该示例的代码仓库: 立即下载并运行 。 从开发的角度来看, Electron application 本质上是一个 Node. js 应用程序。 与 Node.js 模块相同，应用的入口是 package.json 文件。 一个最基本的 Electron 应用一般来说会有如下的目录结构： 1234y ...

前言这个鸽了无数个月的项目又重新启动了，因为体验过html代码中自己写css，并不像再次进行体验，所以直接使用了比较成熟的ElementUI（假装不知道Ant），不知道怎么初始化一个项目的可以去看看这个系列的另一篇文章，开发笔记一，在文末的推荐文章中即可。 安装使用npm安装elementUI的js包 1npm install element-ui -save 这里解释一下两个概念，一个是生产环境依赖，一个是开发环境依赖也就是dep和devdep。 打开项目根目录下的package.json，里面是项目依赖的一些名称以及项目版本要求和一些基本配置，可以看见配置项里有dependencies和devDependencies两项，分别代表什么意思呢？当使用webpack构建项目时，需要明确不同环境下所需要的依赖和版本要求： dependencies：是在生产环境下使用的一些依赖，由命令行参数 ...

前言在本electron应用打包教程中，我们将介绍如何使用应用程序图标创建MacOS，Windows和Linux可执行文件。这也是Electron应用程序图标发布的延续，因此，如果您还没有读过，请从此处开始（很简短，我保证）。 我将此代码添加到github上的Electron教程应用程序中。如果您想查看所有代码，只需查看该仓库即可。 在本教程中，我将应用程序打包在Windows，macOS和Ubuntu Linux上。在Electron Packager自述文件中，有一些有关从非Windows平台构建Windows应用程序的信息。 第一步：安装electron packagerelectron packager是由 electron-userland提供的，也正如他们所说： “Electron Packager is a command line tool and Node.js lib ...

electron-vue 应用的构建  可能会有人认为这个架构构建起来非常简单，不需要指南就可以。甚至从空白到运行软件就三局句命令行的事情（官方就是这么认为的）如图：但是下面是我在我的电脑上的实际情况，大家可以进行参考。 首先要说明的就是我的安装环境(我偏向于在开发过程中使用yarn而不是npm)：yarn的安装命令行（已经安装nodejs的情况下,未安装的链接如下都是官方链接）： Windows 安装包 macOS安装包 源代码123456npm i yarn -gNodeJS Version: 12.16.1 LTSnpm Version: 6.13.4Vue Version: 2.9.6yarn Version: 1.22.4我们接下来要安装全局的脚手架：1npm install -g vue-cli第一步一定是在预定的文件夹中创建一个新的electron-vue ...