You can type a few initial letters of any HTML tags to create elements with the required attributes. You will get an option to select to create a basic HTML structure, as shown in the image below.

What could be more exciting than a single character can create the basic HTML structure for us? Open an empty HTML file using VS code and type the ! character. One of the struggles that most web developers face is remembering the HTML Structure and syntaxes of HTML tags. Let us see ten such usages of the emmet using VS code to help you become a more productive developer.įeel free to open an empty HTML file in the VS Code editor and try out these tips & tricks as you read! 1. It means you do not need any additional extensions to take advantage of it. VS Code supports Emmet 2.0 out of the box. Emmet is a plug-in-based infrastructure that can produce HTML/CSS code snippets from short-hand syntaxes. Visual Studio Code(aka, VS Code) is one of the leading source code editors (also an IDE) and arguably one of the best today for web development.

Let us learn about a few tips & tricks to drastically reduce the HTML/CSS source code creation time to become super productive. The lesser time spent to produce the code results in a significant increase in the development productivity. In software engineering, programming productivity(or development productivity) can be the ratio between the quantity of the software code produced and its time cost.ĭevelopment Productivity = Quantity of Software Code / (Number of Programmers * Time Spent to Produce the Code) In general, productivity is the ratio between output and input.

Visual studio code js file closing tag