Back to course

Setting Up Your Environment: VS Code and Browser Tools

JavaScript: The Complete '0 to Hero' Beginner Course

2. Setting Up Your Environment

Before writing code, we need the right tools.

1. Code Editor: VS Code

Visual Studio Code (VS Code) is the industry standard for writing JavaScript. It’s free, powerful, and has excellent features for beginners.

Action Steps:

  1. Download and install VS Code.
  2. Install the 'Live Server' extension (by Ritwick Dey). This allows your browser to automatically refresh when you save changes.

2. The JavaScript Console

Every modern web browser (Chrome, Firefox, Edge) comes with a powerful set of developer tools, including the JavaScript Console. This console is where we can:

  • Run small snippets of JS code immediately.
  • See output from our scripts (using console.log).
  • Debug errors.

How to Open the Console (in Chrome/Firefox):

  • Right-click anywhere on a web page and select Inspect.
  • Go to the Console tab.

We will use the Console extensively in the first few modules.