electron概述

一番码客 : 挖掘你关心的亮点。 http://efonfighting.imwork.net

本文目录：

概述优点:缺点与 Python 前后台的构架对比:环境搭建第一个 electron 程序参考文档

概述

Electron 是基于 Nodejs (nodejs 是一个基于 Chrome V8 引擎的 JavaScript 运行环境, 可以让 javascript 运行在后端)的一个跨平台开发框架, 可以跨Linux/Windows/MacOS. 其主要使用 Javascript 作为主要开发语言, 同时通过 html, css 甚至 python/C/C++作为辅助. 由于 VScode 的带动, 基于 Electron 的应用越来越多, 同时 nodejs 社区也持续的活跃.

优点:

● Javascript 语法简单易学 ● 跨平台 ● 插件丰富, 社区活跃 ● 可以通过 Pipe 方式调用 python 代码, ● 通过 NAPI 插件(类似 JNI)方式, 调用 C/C++代码

缺点

● 浏览器限制, 无法实现全兼容视频播放器

与 Python 前后台的构架对比:

● 不依赖浏览器, 程序打包方便 ● 不存在前后台通信, 所以节省了大量繁琐的数据同步代码, 页面实时性和性能更好

环境搭建

● 从 https://nodejs.org/zh-cn/ 下载 nodejs, 然后安装, 请使用 LTS 稳定版。 ● 更换源为淘宝源, 更新会快很多 npm --registry https://registry.npm.taobao.org info underscore ● 安装 C/C++插件编译环境 npm install --global --production windows-build-tools ● 从 https://code.visualstudio.com/download 下载安装 VScode, 作为开发 IDE

第一个 electron 程序

1. 最简Demo 参考官方文档： https://electronjs.org/docs/tutorial/first-app 一 个 最 简 的 electron 程 序 , 由 package.json, main.js( 主 线 程 ), renderer.js/index.html(渲染线程)三部分组成。
2. 扩展 再然后, 扩展一下. 可以尝试在 renderer.js/index.html 中增加一些功能。