Back to Freecodecamp

Task 104

curriculum/challenges/english/blocks/learn-how-to-describe-places-and-events/66bbbd3e032bcd5033e1459b.md

latest1.5 KB
Original Source
<!-- Audio Reference: Tom: The live preview isn't showing in Visual Studio Code. -->

--instructions--

Listen to the audio and complete the sentence below.

--fillInTheBlank--

--sentence--

The BLANK isn't showing in Visual Studio Code.

--blanks--

live preview

--feedback--

These two words together name a feature from the IDE VSCode lets you see the changes in your code immediately as you make them.

--explanation--

The name live preview reflects exactly what it does: live means happening in real-time, and preview means seeing how something will look.

Together, they describe a tool that shows you a live, real-time view of your work as you develop, especially useful in web development.

--scene--

json
{
  "setup": {
    "background": "company2-center.png",
    "characters": [
      {
        "character": "Tom",
        "position": {
          "x": 50,
          "y": 15,
          "z": 1.2
        },
        "opacity": 0
      }
    ],
    "audio": {
      "filename": "B1_1-3.mp3",
      "startTime": 1,
      "startTimestamp": 6.72,
      "finishTimestamp": 9.82
    }
  },
  "commands": [
    {
      "character": "Tom",
      "opacity": 1,
      "startTime": 0
    },
    {
      "character": "Tom",
      "startTime": 1,
      "finishTime": 4.1,
      "dialogue": {
        "text": "The live preview isn't showing in Visual Studio Code.",
        "align": "center"
      }
    },
    {
      "character": "Tom",
      "opacity": 0,
      "startTime": 4.6
    }
  ]
}