Topic 2B: VS Code: Command Palette

Free Visual Studio Code Tutorial

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:

  1. Select some text that you want to convert into title case (where the first letter of each word is capitalized).
  2. Hit Cmd–Shift–P (Mac) or Ctrl–Shift–P (Windows) to open the Command Palette.
  3. 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 transform to title case) because the search is very good at matching!

  4. Hit Return (Mac) or Enter (Windows) to execute the command.

Some Useful Commands

  • Sort Lines Ascending or Sort Lines Descending
  • Update Image Size

How to Learn Coding

Master coding with hands-on training. Learning how to code in JavaScript, Python, and other popular languages can pave the way to a job in tech, such as web development, data science & analytics, or software engineering.

Yelp Facebook LinkedIn YouTube Twitter Instagram