1 00:00:05,260 --> 00:00:11,000 Let's start focusing on this topic with citing the work environment. 2 00:00:11,020 --> 00:00:19,630 First of all, create a new cess folder in your directory where we have inserted the other folders over 3 00:00:19,630 --> 00:00:27,130 the course and after that, go to file open folder and select the right folder so that to find yourself 4 00:00:27,130 --> 00:00:34,560 in a situation looking like this, that is revisions to your code open and no element within the folder. 5 00:00:34,570 --> 00:00:41,970 First thing that's insert a new index or a file inside the file with our doc. 6 00:00:41,980 --> 00:00:48,820 Let's set the base and let's insert three main device, which we are calling high. 7 00:00:54,120 --> 00:00:54,870 Miguel. 8 00:01:01,900 --> 00:01:02,710 And lo. 9 00:01:08,330 --> 00:01:14,330 When done with this, let's insert into high and H one tag. 10 00:01:16,040 --> 00:01:24,320 SAS is Starzl and in middle LRM, and let's do the same for, you know. 11 00:01:27,810 --> 00:01:37,680 OK, we have now set our age HTML or original document to be able then to get on with customizing it 12 00:01:38,010 --> 00:01:39,210 through souse. 13 00:01:39,600 --> 00:01:47,940 Therefore, let's save and let's click on this icon on the left hand side of your screen to see the 14 00:01:47,940 --> 00:01:50,680 visual studio code extensions. 15 00:01:50,780 --> 00:01:52,470 Let's write songs. 16 00:01:54,940 --> 00:02:03,940 Out of different extensions, which get offered that to light source compiler by Rich weekday, let's 17 00:02:03,940 --> 00:02:05,800 click on Install. 18 00:02:07,080 --> 00:02:17,790 And we automatically end up with this extension instant, we pay attention here also the lifeSo extension, 19 00:02:17,790 --> 00:02:27,270 which will let us launch an automatic browser, reload every time we combine our sussi so we can now 20 00:02:27,270 --> 00:02:36,760 go back to Explorer by closing our license compiler and then start dealing with setting ourselves five. 21 00:02:36,780 --> 00:02:42,690 In fact, we just need to insert this tiny dot s c ss. 22 00:02:43,770 --> 00:02:52,380 And already starting from this screen, we can see this new icon which represents, in fact, our says 23 00:02:52,950 --> 00:02:54,230 into this file. 24 00:02:54,270 --> 00:03:01,740 We are going to insert a bunch of indications which will be then compiled and displayed by the light 25 00:03:01,750 --> 00:03:02,360 browser. 26 00:03:02,370 --> 00:03:04,920 We are going to see in our next lesson. 27 00:03:05,490 --> 00:03:16,260 I'd like to pinpoint that the S c SS file extension and not SACE has been introduced by one of the latest 28 00:03:16,260 --> 00:03:18,060 versions of SACE. 29 00:03:18,060 --> 00:03:28,950 It stands for Sesi VSS and inserted again elements such as semicolon and the parentheses, for example, 30 00:03:28,950 --> 00:03:33,480 which in the initial versions of the preprocessor were not present.