# Electron

Electron 是一个使用 jshtmlcss 等的 web 技术创建原生桌面应用的框架,他基于 chromiumnode.js,构建的应用可以在 MacWindowsLinux 三个平台上运行。

# 学习资源

Awesome Electron (opens new window)

# 开发指南

# Vue + Electron

利用 Vue CLI 创建 vue 项目

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

添加 Electron 构建

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

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

首先,指明下 node 版本:

yarn add @types/node@12 --dev
cd my-app
vue add electron-builder

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

# React + Electron

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

npx create-react-app my-app 

引入 Electron

npm i electron --save-dev

打包

npm install electron-packager --save-dev

开发脚手架

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