What Program Do I Need to Start Coding? 

Today's Contents:

• How to Install “Visual Studio Code”

• How to Install the "Live Server" extension in Visual Studio Code 

| How to Install “Visual Studio Code”

This is a freeware source code editor developed by Microsoft for Windows, Linux, and MacOS. You can install it directly on your computer or use it on the web without installing the file. Therefore, if you like to install it on your computer, be sure to select the file appropriate for your computer operating system from the homepage. In this post, I will show you how to install the file on my laptop. The method is as follows. 

• Try searching for “Visual Studio Code” in your preferred search bar, and click the "download".

[Image: Searching for "Visual Studio Code" in search engines]

• Select the file appropriate for your computer operating system. The operating system of my laptop is Windows.

[Image: The "Window" icon for download From the Visual Studio Code homepage]

• Save the file to your desired location.  

[Image: The "Save" in my laptop]

• Open the Visual Studio Code after installation to your computer is complete. 

You have now successfully installed "Visual Studio Code" on your computer. Next, I will introduce the process of installing the "Live Server" extension. This extension allows developers to write code and then check the results in the browser in real time, saving time and hassle.

| How to Install ''Live Server'' in Visual Studio Code

• Select the "extensions" icon in the left menu. 

[Image: The "extensions" in the V.S.Code editor]

• Enter “Live server” in the search bar to search and install it.

[Image: The EXTENSIONS' search bar in the V.S Code editor]

 

•  Check the installed Live Server. The "Live Server" icon (i.e., "Go Live") is created at the bottom right of the code editor window. If you click this icon after writing the code, you can immediately check the results of your coding in the browser. This is really cool. 

[Image: The "Go Live" icon]

🎯 TIP

The file size of "Live Server" is 46.2 MB. 

Congratulations. So far, we have looked at and installed two programs that you need to prepare in advance before starting coding. One is “Visual Studio Code,” an essential coding editor, and the other is a “Live Server” extension that will help coders’ convenience. 

In the next post, I will introduce you to HTML-related terms and practice basic HTML using the Windows Notepad program. I hope today's post was helpful to you, and I look forward to seeing you again very soon, Radiant Guys!

NEXT POST ➤ 10 Basic HTML Terms: Easily Explained for Non-Developers

👒🍭 👒🍭 👒🍭

Posted by Ayul