Setting up the web development environment

In this post, you'll learn about the required tools for your web development journey.

The two basic tools which are used by every web developer are listed below -

1. A text editor 

2. A web browser

Visual Studio Code is the text editor that I would recommend to you because it comes with the built in Emmet feature, or else you can also use notepad or any other text editor it's totally based on your choice.

For those who came across the word "Emmet" first time, Emmet is the feature for web developers or the coders, which provides snippets and abbreviations while you are typing your code.

Moving ahead to the web browser, we need a web browser to see the results or to know what we are building. You can use any web browser but Google chrome is widely used.

Both of the software are free and easy to use. You can download them from the links provided -

1. Visual Studio Code (https://code.visualstudio.com/download)

2. Google chrome (https://www.google.com/chrome/)

Now the last thing we need to do, to complete our setup after installing both of the tools mentioned above, is to install extensions for VS Code which will definitely make our work less complicated.

 

On the sidebar of  the VS Code you'll see a menu for extensions from where you can install your favorable extensions.

By searching from the search bar, you can easily install these two extensions -

1. JavaScript (ES6) code snippets

2. Live Server

(You can take reference from the image provided)

The first extension (JavaScript code snippets) will provide you the Emmet for JavaScript ES6 where as the live server extension will give you an icon of  "Go Live" below your VS Code which will let you run your html files concurrently while you are coding. Furthermore, you can learn more about these extensions anytime in VS Code itself after installing them.

Setting up this all will give you a perfect web development environment. Now you can code easily and efficiently.

Hopefully you are clear with all the steps, if you have any doubts feel free to comment down below.

Thank you for browsing through this post :)