1
00:00:00,430 --> 00:00:04,741
There is a nearly limitless number of settings you can customize

2
00:00:04,741 --> 00:00:06,520
to your liking in VS Code.

3
00:00:06,520 --> 00:00:09,96
I can't begin to show you all of them here,

4
00:00:09,96 --> 00:00:13,137
but I will show you a few ways to discover what's available and a

5
00:00:13,137 --> 00:00:15,662
couple of ways to apply your preferences.

6
00:00:15,662 --> 00:00:19,203
I'll start by opening the command palette.

7
00:00:19,203 --> 00:00:22,962
I'll search for the word "settings."

8
00:00:22,962 --> 00:00:27,809
Notice in the search results that you can edit both user and

9
00:00:27,809 --> 00:00:29,370
workspace settings.

10
00:00:29,370 --> 00:00:34,415
You can also edit each of those directly in a JSON file or in a

11
00:00:34,415 --> 00:00:36,612
traditional user interface.

12
00:00:36,612 --> 00:00:40,860
I'm going to start with user settings in the traditional UI.

13
00:00:40,860 --> 00:00:45,44
From here, I can scroll through the available settings in the

14
00:00:45,44 --> 00:00:48,740
middle of the screen, or expand and click on different

15
00:00:48,740 --> 00:00:53,273
sections here on the left to jump to different groups of settings.

16
00:00:53,273 --> 00:00:57,760
Another useful option is the search box near the top.

17
00:00:57,760 --> 00:01:01,27
You don't have to know the exact name of the setting you're

18
00:01:01,27 --> 00:01:01,703
looking for.

19
00:01:01,703 --> 00:01:05,410
For example, I'll type the word "font" into the box.

20
00:01:05,410 --> 00:01:09,512
That immediately filters the settings to just those that have

21
00:01:09,512 --> 00:01:11,358
something to do with fonts.

22
00:01:11,358 --> 00:01:15,651
It found 43 results. I can now review and adjust.

23
00:01:15,651 --> 00:01:19,963
I can further filter these results with the filter button on the

24
00:01:19,963 --> 00:01:21,880
far right of the search box.

25
00:01:21,880 --> 00:01:27,625
I'll click it and then choose "Modified."

26
00:01:27,625 --> 00:01:32,186
Now, I can see settings related to fonts that I've changed from

27
00:01:32,186 --> 00:01:33,532
the default value.

28
00:01:33,532 --> 00:01:37,159
It's showing me the editor's font size, which I've already

29
00:01:37,159 --> 00:01:38,50
changed to 24

30
00:01:38,50 --> 00:01:41,543
to make it a little easier for you to read in the recording.

31
00:01:41,543 --> 00:01:44,93
I'll now clear the search box,

32
00:01:44,93 --> 00:01:50,962
click the filter button again, and this time, select "Language."

33
00:01:50,962 --> 00:01:54,325
I can now start typing the name of a programming language,

34
00:01:54,325 --> 00:01:57,902
and it will filter the settings to just those that apply

35
00:01:57,902 --> 00:01:59,08
to that language.

36
00:01:59,08 --> 00:02:02,989
I'll type JavaScript.

37
00:02:02,989 --> 00:02:08,91
That lets me view a very long list of options I can set for it.

38
00:02:08,91 --> 00:02:15,992
I'll leave them as they are for now and clear the search box.

39
00:02:15,992 --> 00:02:21,874
A great way to browse settings is with the expandable sections

40
00:02:21,874 --> 00:02:23,31
on the left.

41
00:02:23,31 --> 00:02:23,976
Here

42
00:02:23,976 --> 00:02:30,38
inside the Workbench section, I'll click on "Appearance."

43
00:02:30,38 --> 00:02:33,190
If you want to change the way VS Code looks,

44
00:02:33,190 --> 00:02:37,60
all the settings you need are neatly grouped here in one place.

45
00:02:37,60 --> 00:02:42,29
For instance, I can easily change the location of the activity

46
00:02:42,29 --> 00:02:43,903
bar or the color theme.

47
00:02:43,903 --> 00:02:46,361
The UI is nice and fairly intuitive,

48
00:02:46,361 --> 00:02:51,65
but sometimes I find it faster to edit settings directly in the JSON

49
00:02:51,65 --> 00:02:52,891
file where they're stored.

50
00:02:52,891 --> 00:02:56,895
You can switch from the UI to the JSON settings editor by clicking

51
00:02:56,895 --> 00:03:00,468
this little button in the upper right corner of the screen,

52
00:03:00,468 --> 00:03:03,121
with the tiny arrow on it.

53
00:03:03,121 --> 00:03:07,903
That opens a file named settings.json that contains all the

54
00:03:07,903 --> 00:03:11,990
user settings I've modified from their default values.

55
00:03:11,990 --> 00:03:14,586
Let's add another one of this list.

56
00:03:14,586 --> 00:03:17,905
If you look over to the right margin of the editor,

57
00:03:17,905 --> 00:03:21,785
you might be able to make out a tiny version of the text you see

58
00:03:21,785 --> 00:03:23,694
in the main part of the editor.

59
00:03:23,694 --> 00:03:27,854
This is called the minimap and gives you a tiny preview of

60
00:03:27,854 --> 00:03:29,504
the file you have open.

61
00:03:29,504 --> 00:03:33,411
You can drag it up and down to move to different parts

62
00:03:33,411 --> 00:03:34,295
of the file.

63
00:03:34,295 --> 00:03:38,123
I don't personally find the minimap very helpful and like

64
00:03:38,123 --> 00:03:39,130
to turn it off.

65
00:03:39,130 --> 00:03:41,857
I can do that here in the JSON editor,

66
00:03:41,857 --> 00:03:44,625
even though I don't know the exact name of the setting

67
00:03:44,625 --> 00:03:45,460
I'm looking for.

68
00:03:45,460 --> 00:03:49,397
I'll add a comma after the last setting in the list,

69
00:03:49,397 --> 00:03:56,117
and then start typing minimap inside quotation marks.

70
00:03:56,117 --> 00:04:01,166
The code completion help brings up a list of settings related

71
00:04:01,166 --> 00:04:02,428
to the minimap.

72
00:04:02,428 --> 00:04:07,880
The one that sounds like what I want is editor.minimap.enabled.

73
00:04:07,880 --> 00:04:11,207
I'll arrow down to that and then press the tab key to

74
00:04:11,207 --> 00:04:12,423
add it to the file.

75
00:04:12,423 --> 00:04:16,730
I'll then change the value to false.

76
00:04:16,730 --> 00:04:21,38
As you can see on Line 5, I have these codes autosave

77
00:04:21,38 --> 00:04:22,448
feature turned on.

78
00:04:22,448 --> 00:04:26,821
So as soon as I make that change, the file is saved and the minimap

79
00:04:26,821 --> 00:04:29,273
immediately disappears from my editor.

80
00:04:29,273 --> 00:04:32,372
I'll now close the JSON editor.

81
00:04:32,372 --> 00:04:35,70
I'm now back in the settings editor UI.

82
00:04:35,70 --> 00:04:40,540
Notice in the upper left section of the screen, there are tabs

83
00:04:40,540 --> 00:04:43,01
labeled User and Workspace.

84
00:04:43,01 --> 00:04:46,550
User settings apply across all of your projects,

85
00:04:46,550 --> 00:04:50,660
but Workspace settings give you the option to override User

86
00:04:50,660 --> 00:04:53,70
settings for a particular project.

87
00:04:53,70 --> 00:04:59,409
From here, I'll type cursor blink in the search box.

88
00:04:59,409 --> 00:05:06,00
I'm going to change that setting for this project from

89
00:05:06,00 --> 00:05:07,866
blink to solid.

90
00:05:07,866 --> 00:05:12,371
I'll open a file on the project and put my cursor at the

91
00:05:12,371 --> 00:05:13,681
end of Line 1,

92
00:05:13,681 --> 00:05:17,842
and you can see it's no longer blinking.

93
00:05:17,842 --> 00:05:21,851
Also notice that when you add Workspace settings to a project,

94
00:05:21,851 --> 00:05:27,680
you'll get a new folder added to your project named .vscode.

95
00:05:27,680 --> 00:05:32,654
It contains a settings.json file with the settings that are

96
00:05:32,654 --> 00:05:34,970
specific to this workspace.

97
00:05:34,970 --> 00:05:39,39
Okay. The last thing I want to show you about settings is how you

98
00:05:39,39 --> 00:05:42,219
can sync them across computers in case you work on

99
00:05:42,219 --> 00:05:43,363
multiple machines.

100
00:05:43,363 --> 00:05:50,324
I'll open the command palette and search for settings sync.

101
00:05:50,324 --> 00:05:57,632
I'll select "Backup and Sync Settings."

102
00:05:57,632 --> 00:06:01,990
I'm then shown a list of settings I can choose to backup and sync.

103
00:06:01,990 --> 00:06:06,980
I'll use the defaults and click the "Sign in" button.

104
00:06:06,980 --> 00:06:11,578
I'm then given the option to sign in with GitHub or Microsoft to

105
00:06:11,578 --> 00:06:14,60
store the settings I want to sync.

106
00:06:14,60 --> 00:06:16,133
I'm not going to do that right now,

107
00:06:16,133 --> 00:06:19,303
but keep that option in mind if you work on more than

108
00:06:19,303 --> 00:06:20,96
one computer.

109
00:06:20,96 --> 00:06:23,753
There are literally thousands of different settings you can

110
00:06:23,753 --> 00:06:27,31
customize to help you work as efficiently as possible

111
00:06:27,31 --> 00:06:27,725
in VS Code.

112
00:06:27,725 --> 00:06:31,151
You should definitely explore them and see what's possible.

113
00:06:31,151 --> 00:06:34,196
Just don't let them distract you too long from actually

114
00:06:34,196 --> 00:06:34,929
writing code.

115
00:06:34,929 --> 00:06:39,294
Coming up, we'll explore further customizations you can make to

116
00:06:39,294 --> 00:06:43,00
your VS Code environment with extensions.