To find an extension, type the name of the extension in the Search box at the top of the Extensions View. If you hover over it, it should say Extensions. Click on the bottom icon, which looks like 4 boxes, with the northeast box separated from the others.

On the left side is the Activity Bar, which shows 5 icons running from top to bottom.

Press ⌘⇧X if you use a Mac & Ctrl+Shift+X if you use Windows.

Get to the Extensions View of VSCode in one of the following ways: Now you need to install some necessary extensions.

Close css.json by clicking the × on the tab at the top of VSCode.Press ⌘S (Mac) or Ctrl+S (Windows) to save what you just pasted in.

Paste the snippets you copied with ⌘V (Mac) or Ctrl+V (Windows), overwriting what was formerly in css.json.Select all of the content in css.json by pressing ⌘A (Mac) or Ctrl-A (Windows).Go back to VSCode & click inside css.json.You can now close this tab in your Web browser. Press ⌘C (Mac) or Ctrl+C (Windows) to copy the settings (everything from - & including! - the first, including those characters.Press ⌘A (Mac) or Ctrl+A (Windows) to select all the text.A new webpage will open with just the settings I have created & nothing else. Go to VSCode Settings & click on the Raw button.A new tab will open in VSCode labeled User Settings, with Default Settings on the left & User Settings on the right. Press ⌘⇧P (Mac) or Ctrl+Shift+P (Windows), & then, in the Command Palette that appears, type in open settings json & press Enter/Return.In VSCode (& many other developers’ text editors), you can instead edit text files 1. VSCode provides an interface like that to change settings, but it’s not the only method. When you change the settings in most apps, you click on buttons & check checkboxes & so on. Install Visual Studio Code (VSCode)ĭownload Visual Studio Code & install it on your computer.

If you use Windows, please refer to Configuring Windows To Show Extensions & follow those directions.

Check the box next to Show All Filename Extensions.

Before you do anything else in this course, we need to make sure that extensions (e.g.

How to change visual studio code theme