Electron官网对Electron一句话的描述:
Build cross-platform desktop apps with JavaScript, HTML, and CSS
使用 JavaScript,HTML 和 CSS 构建跨平台的桌面应用程序
Electron可以让我们使用已掌握的Web技术创建桌面应用。Electron 基于 Chromium 和 Node.js, 让你可以使用 HTML, CSS 和 JavaScript 构建应用。
所有在浏览器和Node中能实现的功能,都可以通过Electron中实现。
Electron特点
三大特点:
- 基于Web技术
- 开源
- 跨平台
其可以快速实现:
- 自动更新
- 原生的菜单和通知
- 崩溃报告
- 调试和性能分析
- Windows安装程序
为什么选择Electron:
- 重用现有技能(Web开发技能);
- 访问原生操作系统API;
- 相较于Web拥有更高的运行权限,更少的功能限制;
- 在浏览器环境中使用node;
- 可离线启动;
体验Electron
通过示例项目体验Electron
# 克隆示例项目的仓库
git clone https://github.com/electron/electron-quick-start
# 进入这个仓库
cd electron-quick-start
# 安装依赖并运行
npm install && npm start
创建新项目体验Electron
# 在项目文件夹下,创建新文件夹
mkdir app
# 生成相关文件
touch app/main.js app/renderer.js app/index.html app/style.css
# 初始化项目npm
npm init
npm i
# 下载并安装electron
npm i --save-dev electron
具体流程,可参考官方文档快速启动指南