Make sure you point to the right entry JavaScript file for your application, if it's different than mine. This will prompt you to create a launch.json. Go to the debugger window and click on settings. VSCode takes the development experience one step further by allowing you to debug your code. The next time you issue a Ctrl+Shift+B command, you should get a nice build and have your application launched. Comment all the tasks out and add the following settings: This will prompt you to setup a tasks.json, which in effect tells VSCode what to do when you issue this command. You do, however, have to use the the node console to launch the application by navigating to your app directory and typing electron. Atom works fine and doesn't require any special setup. With the binaries installed, we can start coding. Fire up a node command prompt and type the following: # Install the `electron` command globally in your $PATH To work with Electron, you need to install it. On top of that, you can use Flux, React etc to enhance your application and get to your 'destination' faster. GitHub and Slack are both apps written with Electron.

The HTML, CSS and JavaScript that you got to love over the years, can now be used to write some really solid and robust desktop application for the Mac and Windows ecosystems. What is Electron?Įlectron (formerly known as Atom) is a framework that runs on top of node.js and allows you to create beautiful desktop applications using web technologies. This will mean that once finalized, I will have a mobile and desktop presence and it also gives me a good opportunity to play around with a couple of new frameworks. This week I decided to start rewriting my password application (PasswordDefence) with Electron. One of its biggest strengths is obviously the debugging experience. I use all 3, in case you think of accusing me of favouritism, but my Go-To editor is VSCode. I've got nothing against Sublime or Atom, but the first one is not free and the second one tends to get a bit slow. Visual Studio Code (VSCode) is by far my favourite editor. Create Electron applications with Visual Studio Code 31 October 2015

Free for mac instal Electron 25.3.0