使用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官方文档给出的三个脚手架项目:

有朋友问:

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

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

Captain QR Code

扫码联系船长

发表回复

您的电子邮箱地址不会被公开。