Electron桌面应用程序开发（一）——了解Electron

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

具体流程，可参考官方文档快速启动指南