1
00:00:00,350 --> 00:00:03,361
I've shown you how to adjust individual settings in

2
00:00:03,361 --> 00:00:04,505
Visual Studio Code.

3
00:00:04,505 --> 00:00:07,803
Those are great, but you can also quickly make

4
00:00:07,803 --> 00:00:11,760
broad changes to your configuration and even add useful

5
00:00:11,760 --> 00:00:14,838
new functionality by installing extensions.

6
00:00:14,838 --> 00:00:19,53
You manage extensions in VS Code by clicking the extensions

7
00:00:19,53 --> 00:00:20,870
icon on the activity bar.

8
00:00:20,870 --> 00:00:25,73
It's the icon that looks like a small stack of blocks.

9
00:00:25,73 --> 00:00:28,940
This panel is currently showing me several sections.

10
00:00:28,940 --> 00:00:32,223
The top section shows me the extensions I already

11
00:00:32,223 --> 00:00:33,249
have installed.

12
00:00:33,249 --> 00:00:35,510
I currently don't have any installed.

13
00:00:35,510 --> 00:00:40,304
Below that is a list of popular extensions, and further down is a

14
00:00:40,304 --> 00:00:42,663
list of recommended extensions.

15
00:00:42,663 --> 00:00:46,955
You can also search for and filter extensions using the search

16
00:00:46,955 --> 00:00:48,10
box at the top.

17
00:00:48,10 --> 00:00:52,826
Right now, I want to show you how to install new theme extensions.

18
00:00:52,826 --> 00:00:56,635
They can help you quickly adjust the look of your editor without

19
00:00:56,635 --> 00:00:59,537
tweaking hundreds of different settings yourself.

20
00:00:59,537 --> 00:01:04,677
I can browse theme extensions by clicking the filter icon to the

21
00:01:04,677 --> 00:01:06,635
right of the search box.

22
00:01:06,635 --> 00:01:13,17
From here, I'll choose "Category" to view a list of extension

23
00:01:13,17 --> 00:01:15,658
categories I can browse.

24
00:01:15,658 --> 00:01:21,410
Near the bottom of the list, I'll choose "Themes."

25
00:01:21,410 --> 00:01:26,477
That presents me with just a list of theme extensions.

26
00:01:26,477 --> 00:01:30,290
I could click the "Install" button right next to an item in the list,

27
00:01:30,290 --> 00:01:33,787
or I can click on the item to view more information about it.

28
00:01:33,787 --> 00:01:37,814
I'll click on this "GitHub Theme."

29
00:01:37,814 --> 00:01:42,728
That opens a new tab with more details about the theme.

30
00:01:42,728 --> 00:01:45,954
There's information about the number of downloads and

31
00:01:45,954 --> 00:01:47,133
ratings at the top.

32
00:01:47,133 --> 00:01:50,550
There are links to related resources on the right,

33
00:01:50,550 --> 00:01:53,933
and if I scroll down some, I can read a little more

34
00:01:53,933 --> 00:01:55,83
about this theme.

35
00:01:55,83 --> 00:01:59,291
In the Install section, we're told that the themes in this

36
00:01:59,291 --> 00:02:03,500
extension try to match the themes available on github.com.

37
00:02:03,500 --> 00:02:06,412
I like the sound of that, so I'll click the "Install"

38
00:02:06,412 --> 00:02:07,460
button at the top.

39
00:02:07,460 --> 00:02:11,526
That very quickly installs the extension and even opens the

40
00:02:11,526 --> 00:02:14,820
command palette to the theme selection dropdown

41
00:02:14,820 --> 00:02:18,420
so I can choose which of the included themes I want to use.

42
00:02:18,420 --> 00:02:19,815
At least temporarily,

43
00:02:19,815 --> 00:02:21,295
I'll go with GitHub.

44
00:02:21,295 --> 00:02:23,432
Dark default.

45
00:02:23,432 --> 00:02:29,136
If I now clear the filter in the extension search box,

46
00:02:29,136 --> 00:02:34,154
you can see that the Install section now shows that I have

47
00:02:34,154 --> 00:02:36,195
one extension installed.

48
00:02:36,195 --> 00:02:39,763
I can manage the extension by clicking the little gear

49
00:02:39,763 --> 00:02:40,773
icon beside it.

50
00:02:40,773 --> 00:02:45,213
There are options on this pop up menu specific to the extension,

51
00:02:45,213 --> 00:02:48,600
such as the first item letting me pick a different theme,

52
00:02:48,600 --> 00:02:51,967
but there are also options all extensions will have,

53
00:02:51,967 --> 00:02:56,19
such as disabling or uninstalling the extension.

54
00:02:56,19 --> 00:02:59,830
Themes are just one helpful type of extension you can

55
00:02:59,830 --> 00:03:00,929
add to VS Code.

56
00:03:00,929 --> 00:03:05,241
Up next, I'll show you how to add support for additional languages

57
00:03:05,241 --> 00:03:07,00
and debuggers.