使用Electron创建简单的原生应用

Electron的存在彻底把编写Windows，Linux和Mac系统原生应用的门槛降到了前所未有的高度。虽然会有人说Electron相比于各平台的独立开发工具会在性能上，文件大小上的问题。但是相对于开发成本，这些问题都可以忽略，毕竟Electron是跨平台的。Electron理论上就是一个Node项目，可以使用npm管理。

按照Electron的官方文档，一个单纯的Electron项目（有可能会用到Vue框架）只需要三个文件：

package.json
main.js
index.html

以下是一个最简单的package.json的样例：

{
  "name": "your-app",
  "version": "0.1.0",
  "main": "main.js",
  "scripts": {
    "start": "electron ."
  }
}

Electron脚手架

当然从工程的角度讲，从头写Electron并不是一个高效的方案。借助一些脚手架项目，或者说Electron框架，可以快速搭建起Electron项目。以下是Electron官方文档给出的三个脚手架项目：

• electron-forge
• electron-builder
• electron-react-boilerplate

有朋友问：

“对于一个现存的基于Vue框架的项目，如何迁移至Electron中？”

对于这类问题，大家可以考虑使用Vue CLI Plugin Electron Builder这个插件。