“Live up to the time, the creation of non-stop, this article is participating in 2021 year-end summary essay competition”

Electron

Electron is a framework for creating native desktop applications using Web technologies such as JS, HTML and CSS. Based on Chromium and NodeJS, applications can be built to run on Mac, Windows and Linux.

Learning resources

Awesome Electron

Development of guidelines

Vue + Electron

Create a Vue project using the Vue Cli

  yarn global add @vue/cli
  vue create my-electron
Copy the code

Add the Electron build

If you can build a website, you can build a desktop application. Electron is responsible for building the Web into a native desktop application.

To build the vue. js application into the Electron application, now use the Vue CLI Plugin Electron Builder.

First, specify the following node version:

  yarn add @types/node@12 --dev

  cd my-electron
  vue add electron-builder
Copy the code

How to build a cross-platform application using Vue + Electron

React + Electron

Create one using the create-react-app scaffoldingReactproject

  npx create-react-app my-electron
Copy the code

The introduction of Electron

  npm i electron --save-dev
Copy the code

packaging

  npm install electron-packager --save-dev
Copy the code

Develop scaffolding About electron + react + React-Router + MOBx + webpack scaffolding