There are a lot of them, and it's okay if you don't understand it all now. In this section, you can also find a link to the Emmet Cheat Sheet, which is super useful.Īlright, I recommend that you check out all of these features. But the class name also comes with numbering: You can also see that in the existing example ( ul>li.item$*5), they tried to create an unordered list element and 5 items with a class name of item inside. So let's say, for example, that we want to create an unordered list element with 3 items inside and each item has a class name of "fruit". With Emmet, we can write shortcuts and then expand them into a piece of code. Here, you can find the highlight features from VS Code with instructions and examples.
The last selection is the Interactive Editor Playground. If we select it, we can see the most common elements on the user interface and we can also see the shortcut to toggle the elements: Interface Overview The second selection is Interface Overview. We are going to use this a lot, so I recommend that you to memorize the short-cut, which is Command/Control + Shift + P. With this, we can find and run all the available commands. The first selection on the list is Find and run all commands. But my favorite theme is the default one, so I am gonna stick with it. You can also use the up and down arrow keys to preview the themes. If you select it you can see that there is a list of themes to choose from.
So in case you are used to using these editors at the moment, you can go ahead and check it out.īut what we want to look into is the color theme.
#Visual studio online install#
For example, the printable keyboard cheatsheet or a series of introduction videos.Ĭustomize: You can see that you can install settings and keyboard shortcuts from other code editors like Vim or Atom. Help: You can find some handy information. Recent: You can find any recently opened folders Start: You can choose to either create a new file or open a folder. Here, you'll find 5 sections: Welcome Tab Once you have it installed and opened, the first thing you will see is a Welcome tab.