Today, we are going to set up our development environment, and get a basic ‘Hello World’ app up and running. The first thing we will need to do to set up our development environment is pick a text editor. There are a lot of different text editors out there like Sublime, Visual Studio Code, VIM and Brackets. My preference is Atom.
I’ve picked a text editor. Now it’s time to install it. Go to the Atom homepage and click Download. On Mac it looks like this:
Once you have downloaded Atom, open it. Then, click ‘Install Shell Commands’ under ‘Atom’. This will allow you to open files with Atom from your terminal.
Your text editor is ready to use. Press
CMD + Space, type terminal and hit enter.
Now, create a folder inside your terminal.
If you type ‘ls’ you will see this folder in your current directory. Now you want to work inside of that folder. To do that you need to change directories. Luckily, there is a command ‘cd’ which stands for ‘change directory’. Let’s change directories.
touch index.html touch main.js atom .
Let’s add the basic HTML structure to our ‘index.html’.
<!DOCTYPE html> <html> <body> </body> </html>
We need to connect our ‘.js’ file to to our ‘.html’ page. Which can easily be done by adding one line of code above our ‘