HTML Editors

What are HTML-Editors?

The software in which we write our code is called Editor. There are many Editors like: Visual Studio Code, Notepad, Notepad++ and many more.
But, I prefer you Visual Studio Code Download VS Studio Code.


How to setup and use VS Studio Code?

After Installing VS Studio Code, Go into file manager and make a folder where you want to make then follow the steps given below.

  • Open VS Studio Code and you will see interface as shown below. vs code interface

  • Click on the explorer on top-left corner. vs code explorer

  • Open the folder that you have created. vs code explorer

  • Remove the startup page, hover on the sidebar to display options and then make a new page. vs code explorer

  • Click on the Extensions on left side, search live server and install it. vs code explorer

  • Name the page index.html and write your code that you want to display. vs code explorer

  • After Installing remove the page that have been opened and click on Extension again to close the sidebar. vs code explorer

  • Click anywhere on you coding page and click on open with live server. vs code explorer

  • Your code will be display on your browser as shown. vs code explorer

  • If you are having problems to understand the process then you can Watch a vedio.

Let's find out more in HTML!