https://github.com/codepapi/electron-js-app-starter-kit
This is a simple starter template for Javascript developers, who do not want to dig deeper into Electronjs to start building desktop cross-platform applications
https://github.com/codepapi/electron-js-app-starter-kit
electron electron-app electronjs es6-javascript html-css-javascript javascript nodejs vanilla-javascript vanilla-js
Last synced: 9 months ago
JSON representation
This is a simple starter template for Javascript developers, who do not want to dig deeper into Electronjs to start building desktop cross-platform applications
- Host: GitHub
- URL: https://github.com/codepapi/electron-js-app-starter-kit
- Owner: CodePapi
- Created: 2020-11-08T05:38:50.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2020-11-09T01:38:12.000Z (over 5 years ago)
- Last Synced: 2024-12-27T00:12:10.138Z (over 1 year ago)
- Topics: electron, electron-app, electronjs, es6-javascript, html-css-javascript, javascript, nodejs, vanilla-javascript, vanilla-js
- Language: JavaScript
- Homepage:
- Size: 23.4 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
This starter template was built using [ElectronJs](https://www.electronjs.org/).
And was published using [Electron Packager](https://www.christianengvall.se/electron-packager-tutorial/).
## Introduction
ElectronJs is a Javacript framework that enables HTML, CSS and Javascript to be used to build cross-platform (Windows, MacOS, Linux) Desktop Applications.
Examples of applications built with electron includes [Visual Studio Codes Editor](https://code.visualstudio.com/), [Facebook Messenger]( https://www.messenger.com/desktop), [Figma Desktop](https://www.figma.com/files/recent) etc
## where to start from
In the project directory, you start by navigatiing two steps nests ahead:
### `cd electron-js-starter-kits/`
## Available Scripts
In the project directory, you can run:
### `npm install` or `yarn install`
This command will install all the dependencies
### `npm start` or `yarn start`
Run this command to open the application in developement mode
### `npm package-win` or `yarn package-win`
Builds the app for production to the `release-build` folder as a windows desktop application.
Your app is publised as a window application, inside the `release-build` directory.
### `npm package-mac` or `yarn package-mac`
Builds the app for production to the `release-build` folder as a macOS desktop application.
Your app is publised as a macOS application, inside the `release-build` directory.
### `npm package-linux` or `yarn package-linux`
Builds the app for production to the `release-build` folder as a Linux desktop application.
Your app is publised as a Linux application, inside the `release-build` directory.
## Learn More
You can learn more in the [Electron js website](https://www.electronjs.org/).