1
00:00:05,840 --> 00:00:09,800
Welcome back, everyone, in this brief lecture, we're going to show you how to download and install

2
00:00:09,800 --> 00:00:13,100
extensions in visual studio code related to the Django template.

3
00:00:14,180 --> 00:00:19,010
So as you end up using the Django template language or Jinja template, well, you may want to actually

4
00:00:19,010 --> 00:00:24,500
explore some Visual Studio code plugins that specifically highlight these features within the HTML file.

5
00:00:24,920 --> 00:00:28,700
So we're gonna quickly explore how to search for and install these plugins from the Visual Studio Code

6
00:00:28,700 --> 00:00:29,360
Marketplace.

7
00:00:29,540 --> 00:00:31,010
Let's head back to Visual Studio Code.

8
00:00:32,040 --> 00:00:34,050
OK, here I am inside vs code.

9
00:00:34,350 --> 00:00:39,900
Remember last time when we were typing out the Django template language, what's not so great is everything

10
00:00:39,900 --> 00:00:42,270
here is just listed as normal HTML.

11
00:00:42,540 --> 00:00:47,310
So when we start talking about filters and tags, it gets a little tricky to read what's normal HTML

12
00:00:47,310 --> 00:00:48,840
versus what's in brackets?

13
00:00:48,990 --> 00:00:53,730
Well, you can do is explore the free extensions that try to highlight this with different coloring.

14
00:00:54,060 --> 00:00:59,580
So if we go to on the left hand side or control Shift X.

15
00:01:00,680 --> 00:01:04,670
Two extensions you can actually install some and you can search for them in the marketplace.

16
00:01:04,700 --> 00:01:09,860
There's also recommended extensions here, but you should be able to just search for Django and you're

17
00:01:09,860 --> 00:01:15,830
going to see a bunch of extensions specifically designed to highlight things like the Django template

18
00:01:15,830 --> 00:01:16,430
language.

19
00:01:16,520 --> 00:01:19,490
So, for example, one of them I have here, it's called Django Template.

20
00:01:19,550 --> 00:01:24,860
There's also just Django snippets, Django Nero, etc. So there's a bunch of them.

21
00:01:25,190 --> 00:01:30,290
You should note that sometimes some of these actually conflict with the capabilities to autocomplete

22
00:01:30,470 --> 00:01:32,380
that VSCO has built in.

23
00:01:32,390 --> 00:01:35,720
And I know Django the very most popular one, actually.

24
00:01:35,720 --> 00:01:41,450
I believe the still conflicts with the capabilities of VSCO to autocomplete HTML.

25
00:01:41,480 --> 00:01:43,280
But I do want to show you these sort of.

26
00:01:44,400 --> 00:01:49,110
Extensions and how to actually install them, so I just installed one of those, it's actually quite

27
00:01:49,110 --> 00:01:54,000
easy, just hit it at downloads and installs, and then you can always use a little gear icon here to

28
00:01:54,000 --> 00:01:55,530
disable or uninstall.

29
00:01:56,130 --> 00:01:59,520
So now that I have that notice, this extension is now enabled globally.

30
00:01:59,700 --> 00:02:02,910
Sometimes you do need to restart the code to actually see the effects.

31
00:02:03,180 --> 00:02:09,090
But if I actually go to variable each HTML, you will now see this is now syntax highlighting the actual

32
00:02:09,090 --> 00:02:09,850
Django templates.

33
00:02:09,870 --> 00:02:17,070
So now I can see quite clearly first name or last name and why this is now a comment versus a variable

34
00:02:17,070 --> 00:02:17,400
call.

35
00:02:18,210 --> 00:02:18,510
OK.

36
00:02:18,540 --> 00:02:22,340
So that's just a little quick snippet of what Sybil will for you.

37
00:02:22,350 --> 00:02:26,820
I would imagine that you should be exploring these, checking them out, exploring Django themes, Django

38
00:02:26,820 --> 00:02:28,080
snippets, and so on.

39
00:02:28,320 --> 00:02:33,180
It's really up to you which one of these extensions, if you even want to use them, you like the best.

40
00:02:33,510 --> 00:02:34,710
OK, that's it for this lecture.

41
00:02:34,800 --> 00:02:36,030
Have fun exploring the marketplace.

