JavaScript — Setting Up Your Environment

Gerald Clark
2 min readMay 2, 2024

Hello and welcome to a series of articles I’ll be writing to hopefully explain JavaScript in a fun and engaging way. By the end of these articles, I’ll have gone through my process for making a few different applications, and most importantly, the basics! So lets hop right in.

First, I like to use VSCode when working with JavaScript (JS). I’m assuming you’re aware of what this is. I’m going to go over a few of my favorite extensions for VSCode that make working with JS a lot easier.

  1. Live Server: This allows you to launch a local development server which makes previewing your work in a browser super easy.

2. Material Icon Theme: This extension simply gives the differnt files in your editor an icon to associate them with. For example, here is my file tree for a super basic project using HTML and JS.

This extension just makes it more aesthetically pleasing when working on a project.

3. Monokai ++ Theme: This is just a theme and it is the one I’ll be using throughout this course.

These are the main extensions you’ll need if you want to follow along exactly with these articles. Theres so many more and I encourage you to just play around with a bunch of them. The Live Server extension is by far the most important for this series. In the next article, I’ll go over what exactly a server is, and why this is important. Stay tuned!

--

--