


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.
