Sharing Top Content from the Angular-sphere.

Creating Desktop Applications With AngularJS and GitHub Electron ― Scotch

Creating Desktop Applications With #angularjs and #github Electron  #javascript #coding

  • The steps for this tutorial are as follows: – – Create a simple Electron application – Use Visual Studio Code Editor to manage our project and tasks – Integrate an Angular Customer Manager App with Electron – Use Gulp tasks to build our application and create installers – – Creating…
  • If you’ve installed electron-prebuilt globally in your system, you can run our application with following command: – – electron app – – Here electron is the command to run electron shell and app is our application folder name.
  • /app” – – While you could do it that way, I recommend you create a gulp task to run your application in your gulpfile.js, so that you can integrate your task into Visual Studio Code Editor which we will check in next section.
  • /app’], { stdio: ‘inherit’ }); – }); – – Run your gulp task: gulp run Our application might looks like this: – – Configuring Development Environment With Visual Studio Code – Visual Studio Code is a cross platform code editor from Microsoft.
  • You can read more about visual studio code tasks here – Debugging Electron Application – Open the debug panel and click configure button which will create a launch.json file inside .

GitHub’s Electron framework (formerly known as Atom Shell) lets you write cross platform desktop application using HTML, CSS and JavaScript. It’s a variant of io.js run-time which is focused on desktop applications instead of web servers.

GitHub’s Electron framework (formerly known as Atom Shell) lets you write cross platform desktop application using HTML, CSS and JavaScript. It’s a variant of io.js run-time which is focused on desktop applications instead of web servers.

Electron’s rich native APIs enables us to access native things directly from our pages with JavaScript.

This tutorial shows us how to build a desktop application with Angular and Electron. The steps for this tutorial are as follows:

Create a simple Electron application

Use Visual Studio Code Editor to manage our project and tasks

Integrate an Angular Customer Manager App with Electron

Use Gulp tasks to build our application and create installers

Creating Your Electron Application

To get started, install Node if you don’t have it in your system already. Our application should be structured as follows:

There are two package.json files in this project.

For development

The package.json directly inside the project root contains the configurations, dependiencies for your development environment and build scripts. These dependencies and package.json file will not be included inside the production build.

For your application

The package.json inside app folder is the manifest file for your application. So whenever you need to install npm dependencies to be used in your application directly, you should install it against this package.json

Creating Desktop Applications With AngularJS and GitHub Electron ― Scotch

Comments are closed, but trackbacks and pingbacks are open.