This post is describing how to build desktop  application with CLI. I am making many desktop application for my client with HTML, CSS, Jquery UI, AngulareJS by this way.


Install the dependencies:
$npm install

Clean previous installed:  
$ npm run clean

Install packager (for use in npm scripts):  
$ npm install electron-packager --save-dev

Install packager (for use from CLI): 
$npm install electron-packager -g

Install win installer: 
$ npm install --save-dev electron-winstaller

Start npm serve to run electron: 
$ npm start



To Package & Build For Windows:
$ npm run package-win

To Package & Build  For Mac:
$ npm run package-mac

To Package & Build  For Linux:
$ npm run package-linux

Packege.json:

{
  "name": "appname",
  "version": "1.0.0",
  "description": "Electron desktop app",
  "main": "main.js",
  "scripts": {
    "start": "electron .",
    "package-mac": "electron-packager . --overwrite --platform=darwin --arch=x64 --icon=assets/icons/mac/icon.icns --prune=true --out=release-builds",
    "package-win": "electron-packager . --overwrite --asar=true --platform=win32 --arch=ia32 --icon=assets/icons/win/icon.ico --prune=true --out=release-builds --version-string.CompanyName=CE --version-string.FileDescription=CE --version-string.ProductName=\"Shopping List\"",
    "package-linux": "electron-packager . --overwrite --platform=linux --arch=x64 --icon=assets/icons/png/icon.png --prune=true --out=release-builds"
  },
  "dependencies": {
    "electron": "^1.7.6"
  },
  "devDependencies": {
    "electron-packager": "^9.1.0",
    "electron-winstaller": "^2.6.3"
  }
}
For more information:
  • Node CRUDE: https://github.com/mahedi2014/nodecrud
  • Simple Electron Project: https://github.com/mahedi2014/electronshoppinglist
  • Google Keep Desktop Application: https://github.com/mahedi2014/keep