Download and install- Visual Studio Code from https://code.visualstudio.com/ this is a much lighter version of Visual Studio. You will need this tool as your code editor.
Download nodejs from https://nodejs.org/en/ then install it.
Create a folder and then write cd at the command prompt and drag and drop the folder after cd and then press enter in order to change the directory .
At the command prompt write npm init, then press enter: when prompted enter the name, description…etc or you can leave them blank if you want- you can enter MIT as a License. This step will create a package.json file in your folder.
Then insert the following command: npm install electron and press enter. If you have difficulty passing the above commands in command prompt, open command prompt as an Admin. (You can also do steps 3,4 and 5 from Visual Studio Code by opening the folder first then using the visual studio code’s Integrated Terminal. The integrated terminal is under menu tab “View” ). npm install electron command will create node_modules folder in your folder.
Whenever you want to start any new project, you will need to do steps 3,4 and 5.
Open package.json file and change the following code
"test": "echo \"Error: no test specified\" && exit 1"
"start": "electron index.js"
Create new file index.html for your html code. Copy and paste the HTML code below to start your first project .
Create new file style.css for your css styles code. (we will not use this file in this example but you will need it to store your css code for future projects)
After you have copied and pasted the code: write the command npm start at the Integrated Terminal to see the output of your code (First project).
** For more info about Electron check this site: http://electron.atom.io/
<!DOCTYPE html> <html> <head> <title>First App</title> </head> <body> <h1>I am officially an app developer!!!</h1> </body> </html>
– If you want to write content using foreign alphabets include the code
at the head section of your HTML code.