Electron Build Dmg



Electron Build Dmg

Icon made by: Jerry Low

Environment Variables. Control application configuration and behavior without changing code. Certain Electron behaviors are controlled by environment variables because they are initialized earlier than the command line flags and the app's code.

Build
  • Electron Build Dmg There are two different types of OS one is Mac OS X Lion 10.7 ISO, DMG and the other one is OS X mountain lion. So please don’t get confused in both OS.
  • # Build Command. The build command consists of three main phases: render build, main build, and electron-builder build: Render build: This phase calls vue-cli-service build with some custom configuration so it works properly with electron. (The render process is your standard app.).

Collection of web developer utilities

Features

Some screen captures of the implemented features...

Online demo

Build

The app has been deployed and you can test it right here!. Whenever a feature is only available under Electron the UI element will be disabled or a corresponding popup message will be displayed. But most of the time we will try to make the feature available online.

Windows, Linux and MacOS versions

Since most of the features don't need to access desktop capabilities, Electron is actually not absolutely required. However, having a desktop application gives nice things like:

  • global OS shortcuts
  • dedicated OS window
  • ability to select exactly where a file will be stored whenever the SPA offers a Save As... button
  • etc.

Again feel free to try ot the online demo before trying to package the Electron app for your platform :-)

Builded releases

The following installers are available under releases folder:

  • Windows: releases/Web Toolbox Setup <version>.exe
  • Linux: releases/Web Toolbox-<version>.AppImage
  • MacOS: releases/Web Toolbox-<version>.dmg

Build releases from source

To build a desktop version just get the source code and run the following command, which will package the installers for all the platforms:

This creates the following installers:

  • Windows: build/Web Toolbox Setup <version>.exe
  • Linux: build/Web Toolbox-<version>.AppImage
  • MacOS: build/Web Toolbox-<version>.dmg

License

This project is licensed under the MIT license, Copyright (c) 2020 André Masson. For more information see LICENSE.md.

Useful links

Dmg

Interesting posts this app has been inspired by

Spinner

This project was bootstrapped with Create React App with --typescriptoption.

On the top of it, the following features have been added with relatively small changes:

  • TypeScript supports for Electron main process source code
  • Hot-reload support for Electron app
  • Electron Bulder support

Available Scripts in addition to the existing ones

npm run electron:dev

Runs the Electron app in the development mode.

The Electron app will reload if you make edits in the electron directory.
You will also see any lint errors in the console.

npm run electron:build

Builds the Electron app package for production to the dist folder.

Your Electron app is ready to be distributed!

Project directory structure

Do it yourself from scratch

Electron Build Dmg

Electron Build Dmg Download

Generate a React project and install npm dependencies

Make Electon main process source file

electron/tsconfig.json

Electron Build Dmg Mod

electron/main.ts

Electron Build Dmg Minecraft

Adjust package.json

Add properties for Electron

Add properties for Electron Builder

Electron Builder Dmg

Add scripts

Electron Build Dmg Build

Many thanks to the following articles!