DEV Community

Ayobami Ogundiran
Ayobami Ogundiran

Posted on • Updated on

Setting Up Working Environment For JavaScript (File & VSCode)

Welcome to this lesson, in this lesson, we are going to set up a basic working environment for JavaScript.

And we will:

  1. create a folder (let's name it codebox)
  2. download and install Visual Studio Code (VSCode);
  3. Install some VSCode extensions.

Hey! You have to create a folder by yourself. Create a folder on your computer and name it codebox.

It is time to talk about Visual Studio Code.

What is Visual Studio Code (VSCode)?

Visual Studio Code, according to Wikipedia, is a free source-code editor made by Microsoft for Windows, Linux and macOS.

Why why do we use Visual Studio Code (VSCode)?

We use VSCode because it makes code easy to write and visually appealing. Its features include support for debugging, syntax highlighting, intelligent code completion and many more.

How to install Visual Studio Code (VSCode).

Check here

Stop there! Have you created the folder?

Please do!

We are about to use it, so create it if you have not done that.

  • Launch the VSCode installed on your computer. I am doing that by clicking on VSCode icon here. You can also search for it on your computer. Now, It has opened and thenI
  • Click "open folder" by the top left of your screen.
  • Then locate the folder on your computer and select it.

The folder is now opened in VSCode.

Let's add two files (index.html and main.js) to it.

By the left side, there is your folder pan. Click on the create file icon and type index.html.
Repeat that to create main.js

Yeah! We are done with the files.

Let's add some useful extensions to VSCode.

Click the extension icon; then search, live server. Once it is displayed, click install.

Repeat the same process to install, "prettier", "Bracket Pair Colorizer" and "beautify".

hooooorayyyyyyyyyyyyyy!

We are done with this part.

I am going to show you how to start using JavaScript on websites in the next lessons.

Stay connected!

One more thing

Are you having difficulties to learn and understand JavaScript and build projects with it? JavaScript for a Total Novice teaches JavaScript and Project Making Fundamentals with simple illustrations and examples that make everything so easy. You can now handle any difficult projects without fear.

Don't trust me, get a free previous to judge by yourself: https://bit.ly/3o3TMyg

Discussion (0)