html.ģ) A new file with a given name opens on the application. By clicking the explorer option, we see some icons on top.Ģ) Click on the “create a new file” icon on the leftmost side. It is used by many and has an easy-to-understand interface.ġ) To test our live server, we need to create a new page. Type “Live Server,” and boom, there are many options available.ĥ) One of the most common live server extensions used is developed by Ritwick Dey. The last icon below the run and debug icon gives us a chance to download and investigate all extensions.Ĥ) By clicking on the extension's icon, a search bar appears. Take some time to explore the application by hovering over some icons, creating new files, and managing them through the explorer.ģ) Now, on the leftmost side, there are about 4-5 icons that serve different purposes. NOTE: The link to download from the official website is Visual Studio Code.Ģ) Open the app & a welcome screen will appear. How to Install a VS Code Extensionġ) The first step is to make sure VS Code is installed on the computer. In this section, we will be talking about installing the live server & configuring a common issue while running it. 3) At the bottom right, click the “Go live” button to see the extension working. 2) Make sure some coding has been done to test the extension. On the leftmost side of the welcome screen, click on the last icon to download the live server extension. The following steps will help in the installation and configuration of the live server:ġ) It is important to download the VS Code application. With a single click, a self-operating localhost runs in the browser that updates our code with every addition, deletion, and change made. But not with the live-server extension.īy enabling VS Code’s live-server extension, this process is automated. This process is repeated over & over again till we are done making changes & our project is ready. Usually, when we are coding & we need to see the changes live, we have to reload the page manually. The changes are made automatically on the default browser with the help of the live server extension.Īmong the many extensions that our VS Code hosts, a live server extension is one of them. One such example is the Live Server Extension. The inbuilt shortcuts, numerous extensions - both free and paid and some other exclusive features it has makes it one of a kind. One such free-to-use open-source coding editor is Visual Studio Code (known as VS Code). Newer and more efficient text editors have come into the market, giving us a lot of choices. When we started writing HTML code, the notepad was our go-to editor. Visual Studio Code, abbreviated as VS Code is a coding application for HTML with in-built features and extensions to boost the coding experience of a developer. VS Code has different add-ons as per the tech stack to support the development workflow. We will also touch upon some useful VS Code HTML extensions.Visual Studio Code offers a plethora of inbuilt functionalities that help in making the coding experience hassle-free. We'll start with a brief introduction to Visual Studio Code, which is a code editor for HTML and other languages.In this article, we will discuss the followings. Visual Studio Code is a text editor which supports HTML formatting along with providing HTML extensions that saves time, are efficient, and are free to use. Setting up your workspace includes not only physical space but the applications and software which can make coding HTML a productive time for you.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |