Learn how to efficiently use the Command Palette in Visual Studio Code with this tutorial, covering the basics of operating the palette and highlighting some useful commands for a smoother coding experience.
This exercise is excerpted from Noble Desktop’s front-end web development (Visual Studio Code) training materials and is compatible with updates through 2022. To continue learning web development with hands-on training, check out our coding bootcamps in NYC and live online.
Note: These materials are provided to give prospective students a sense of how we structure our class exercises and supplementary materials. During the course, you will get access to the accompanying class files, live instructor demonstrations, and hands-on instruction.
Using the Command Palette
VS Code’s Command Palette lets you quickly find and apply commands. To open the Command Palette, choose View > Command Palette or hit Cmd–Shift–P (Mac) or Ctrl–Shift–P (Windows).
Here’s an example of how to use it:
- Select some text that you want to convert into title case (where the first letter of each word is capitalized).
- Hit Cmd–Shift–P (Mac) or Ctrl–Shift–P (Windows) to open the Command Palette.
-
Start typing title until Transform to Title Case appears and is selected. (If needed, use the Down/Up Arrow keys to move the selection down or up.)
NOTE: You can also find this command by typing ttt (for t ransform t o t itle case) because the search is very good at matching!
Hit Return (Mac) or Enter (Windows) to execute the command.
Some Useful Commands
- Sort Lines Ascending or Sort Lines Descending
- Update Image Size