Electron

Electron 是一个使用 js, html 和 css 等 web 技术创建原生桌面应用的框架， 基于 chromium 和 nodejs，构建的应用可以在 Mac，Windows 和 Linux 三个平台上运行。

学习资源

Awesome Electron (opens new window)

开发指南

Vue + Electron

利用 Vue Cli 创建 vue 项目

  yarn global add @vue/cli
  vue create my-electron

添加 Electron 构建

如果你可以建一个网站，你就可以建一个桌面应用程序。 Electron 负责将 web 构建成原生桌面应用。

而将 Vue.js 应用构建成 Electron 应用，现在用 Vue CLI Plugin Electron Builder 即可。

首先，指明下 node 版本：

  yarn add @types/node@12 --dev

  cd my-electron
  vue add electron-builder

详细创建过程 如何使用Vue + Electron 搭建跨平台应用 (opens new window)

React + Electron

利用 create-react-app 脚手架创建一个 React 项目

  npx create-react-app my-electron

引入 Electron

  npm i electron --save-dev

打包

  npm install electron-packager --save-dev

开发脚手架 About electron + react + react-router + mobx + webpack 搭建的脚手架工程 (opens new window)