There are different ways you can set up your editor.
These editors are certainly convenient, but a local editor can give you a lot more options and features and are typically features.
We are going to use a IDE (Integrated Development Environment) Visual Studio Code (aka VSCode).
If you want to use a different IDE that you are comfortable with, then you definitely should!
You can download VSCode here: Visual Studio Code.
Once downloaded, we will install some extensions that will make your programming experience much easier.
- This extension makes running code much easier. It allows our application to automatically update with the new code we provided to it. Without this extension, you will constantly need to refresh your HTML page when you added code into your JS file.
- Here's how the extension works:
- This is how my project is structured:
- There are two ways start the extension:
- In the HTML file (Make sure open the HTML file), you can start a "Live Server" by going to the bottom right and left clicking "Go Live".
- Right click on the HTML file and find the "Open with Live Server" option.
Code Runner (Optional)
When you run your code using Code Runner, the JS code will output in a terminal.
Throughout the course, we will mainly be speaking with the assumption that you are using a local editor.