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