1
00:00:00,000 --> 00:00:05,693
[МУЗЫКА]

2
00:00:05,693 --> 00:00:09,002
Теперь, когда у вас есть Node.js на вашем компьютере,

3
00:00:09,002 --> 00:00:13,870
вы, очевидно, хотите немедленно начать использовать его.

4
00:00:13,870 --> 00:00:17,038
Итак, в этом упражнении мы начнем использовать Node.

5
00:00:17,038 --> 00:00:20,921
Мы создадим упакованный или смежный файл для

6
00:00:20,921 --> 00:00:25,500
нашей тестовой папки Git, с которой мы работали до сих пор.

7
00:00:25,500 --> 00:00:30,400
Затем мы установим модуль узла, называемый как облегченный сервер, который

8
00:00:30,400 --> 00:00:34,519
будет обслуживать содержимое нашей тестовой папки get.

9
00:00:34,519 --> 00:00:39,760
И тогда мы можем просматривать этот файл index.html и

10
00:00:39,760 --> 00:00:43,320
другие файлы в браузере.

11
00:00:43,320 --> 00:00:48,960
И мы также увидим, как облегченный сервер позволит нам

12
00:00:50,390 --> 00:00:56,805
автоматически видеть обновления в нашем окне браузера, как мы вносим изменения в наш

13
00:00:56,805 --> 00:01:02,333
файл index.html, или любые другие файлы в нашей папке get test.

14
00:01:02,333 --> 00:01:08,916
Lite сервер это то, что мы собираемся широко использовать в этом и

15
00:01:08,916 --> 00:01:14,010
будущих курсах, чтобы иметь возможность видеть изменения в режиме реального времени

16
00:01:14,010 --> 00:01:19,125
в окне браузера, когда вы редактируете файлы вашего проекта.

17
00:01:22,216 --> 00:01:25,650
Как я уже упоминал, мы хотим настроить файл package.json.

18
00:01:25,650 --> 00:01:29,300
Итак, что именно это файл package.json, который мы собираемся настроить?

19
00:01:29,300 --> 00:01:32,738
Итак, здесь у меня есть некоторая информация с

20
00:01:32,738 --> 00:01:38,390
сайта npmjs.org,

21
00:01:38,390 --> 00:01:43,176
который указывает, что именно представляет собой роль файла package.json.

22
00:01:43,176 --> 00:01:47,781
Таким образом, файл package.json служит документацией о всех

23
00:01:47,781 --> 00:01:51,670
других пакетах, от которых зависит ваш проект.

24
00:01:51,670 --> 00:01:56,030
Так, например, при настройке облегченного сервера вашего проекта,

25
00:01:56,030 --> 00:01:58,907
который будет записан в файл package.json.

26
00:01:58,907 --> 00:02:07,200
И чтобы впоследствии вы также могли использовать этот пакет в будущем.

27
00:02:07,200 --> 00:02:12,460
Кроме того, он позволяет указать, какая конкретная версия пакета

28
00:02:12,460 --> 00:02:14,710
зависит от вашего проекта.

29
00:02:14,710 --> 00:02:19,784
Таким образом, даже если пакет, который зависит от изменений в будущем,

30
00:02:19,784 --> 00:02:24,762
вы можете настаивать на том, что вы хотите, чтобы пользователь установил только определенную

31
00:02:24,762 --> 00:02:30,650
версию пакета для использования в вашем узловом приложении.

32
00:02:30,650 --> 00:02:38,177
Кроме того, это делает ваши сборки воспроизводимыми,

33
00:02:38,177 --> 00:02:42,552
а это означает, что, когда вы делитесь своим кодом с другими, они также могут сделать установку всех модулей узлов,

34
00:02:42,552 --> 00:02:47,128
как мы увидим позже в этом упражнении, на своем собственном компьютере.

35
00:02:50,900 --> 00:02:57,610
Поэтому, очевидно, ваш следующий вопрос будет: как мы создадим этот файл package.json?

36
00:02:57,610 --> 00:03:04,473
Если вы запускаете новый проект, где вы хотите инициализировать

37
00:03:04,473 --> 00:03:10,425
файл package.json, просто введите npm init в командной строке в папке проекта.

38
00:03:10,425 --> 00:03:14,789
И тогда это проведет вас через набор шагов, которые позволят вам

39
00:03:14,789 --> 00:03:17,150
настроить файл package.json.

40
00:03:17,150 --> 00:03:20,910
Итак, давайте продолжим это для нашего тестового проекта Git.

41
00:03:22,290 --> 00:03:28,200
Поэтому здесь я нахожусь в папке git-test в моем окне терминала.

42
00:03:28,200 --> 00:03:32,615
Убедитесь, что вы также открываете окно терминала или командное окно, а

43
00:03:32,615 --> 00:03:34,791
затем перейдите в папку git-test.

44
00:03:34,791 --> 00:03:38,831
И в командной строке введите npm init.

45
00:03:38,831 --> 00:03:43,235
А затем следуйте за вопросами, которые задаются.

46
00:03:43,235 --> 00:03:48,275
Поэтому для названия проекта мы просто оставим его как git-test по умолчанию.

47
00:03:48,275 --> 00:03:51,546
Для версии мы просто оставим его как 1.0.0.

48
00:03:51,546 --> 00:03:53,135
Мы можем отредактировать это позже.

49
00:03:53,135 --> 00:03:58,252
Для описания

50
00:03:58,252 --> 00:04:04,647
это тестовый каталог

51
00:04:04,647 --> 00:04:10,740
для изучения Git и Node.

52
00:04:10,740 --> 00:04:13,400
Это не имеет значения, введите там какое-то описание.

53
00:04:13,400 --> 00:04:16,994
И тогда точка входа, я бы просто сказал index.html.

54
00:04:18,260 --> 00:04:24,508
Обычно, если это пакет узла, точка входа будет index.js.

55
00:04:24,508 --> 00:04:28,623
Теперь эта папка, которую мы установили,

56
00:04:28,623 --> 00:04:34,280
является папкой на основе index.html, поэтому я просто набрал в index.html.

57
00:04:34,280 --> 00:04:35,972
Испытательная команда, ничего.

58
00:04:35,972 --> 00:04:40,994
Git репозиторий, если мы уже настроили репозиторий git в предыдущем

59
00:04:40,994 --> 00:04:45,297
упражнении, он автоматически предложит, что для вас, если нет,

60
00:04:45,297 --> 00:04:50,318
это будет пустым и даст вам возможность ввести URL-адрес репозитория git,

61
00:04:50,318 --> 00:04:53,920
в случае, если вы используете онлайн-репозиторий git.

62
00:04:53,920 --> 00:04:56,980
Некоторые ключевые слова для вашего проекта, которые я оставлю пустым.

63
00:04:56,980 --> 00:04:58,760
Автор, введите свое имя.

64
00:04:58,760 --> 00:05:00,214
Давайте будем нарциссистами.

65
00:05:04,497 --> 00:05:06,590
И лицензия.

66
00:05:06,590 --> 00:05:15,050
А затем он покажет вам конфигурацию файла package.json в формате JSON.

67
00:05:15,050 --> 00:05:18,860
Так что, если у вашей семьи есть JSON, выглядит ли это очень, очень знакомо вам.

68
00:05:18,860 --> 00:05:22,210
Поэтому, если это выглядит хорошо, скажем, ОК, а

69
00:05:22,210 --> 00:05:27,790
затем это приводит к созданию файла package.json.

70
00:05:27,790 --> 00:05:30,970
Итак, теперь, если вы перечислите содержимое папки,

71
00:05:30,970 --> 00:05:34,680
вы увидите файл package.json в содержимом папки.

72
00:05:36,430 --> 00:05:42,210
Откройте эту тестовую папку Git в своем любимом редакторе,

73
00:05:42,210 --> 00:05:47,270
а затем посмотрите содержимое файла package.json в своем редакторе.

74
00:05:48,950 --> 00:05:54,470
В качестве следующего шага мы узнаем, как мы можем установить модуль узла с

75
00:05:54,470 --> 00:05:57,950
помощью NPM, диспетчера пакетов узлов.

76
00:05:57,950 --> 00:06:02,750
Итак, мы собираемся установить этот модуль узла, называемый как легкий сервер.

77
00:06:02,750 --> 00:06:07,890
Световой сервер будет обслуживать содержимое этой папки git-test

78
00:06:07,890 --> 00:06:13,150
на сервере, который он запускается, чтобы вы могли просматривать содержимое в браузере.

79
00:06:13,150 --> 00:06:15,753
Учитывая, что у нас есть файл index.html,

80
00:06:15,753 --> 00:06:19,580
если мы обслуживаем эту папку, то это будет веб-сайт.

81
00:06:19,580 --> 00:06:24,130
И вы можете просмотреть index.html в браузере.

82
00:06:24,130 --> 00:06:28,460
Итак, давайте настроим световой сервер, а затем мы увидим, как мы можем

83
00:06:28,460 --> 00:06:31,820
использовать световой сервер для обслуживания содержимого этой папки.

84
00:06:31,820 --> 00:06:36,530
Это очень, очень полезно, потому что если вы работаете над

85
00:06:36,530 --> 00:06:42,240
проектом веб-разработки, вы хотите увидеть, где живая версия вашего проекта веб-разработки.

86
00:06:42,240 --> 00:06:45,060
Таким образом, когда вы вносите изменения в свой проект,

87
00:06:45,060 --> 00:06:49,400
вы можете увидеть изменения, которые сразу же отражены в браузере.

88
00:06:49,400 --> 00:06:53,840
Таким образом, это очень хороший пакет узлов, который очень полезен для этой цели.

89
00:06:53,840 --> 00:06:55,980
Так что давайте настроим этот световой сервер.

90
00:06:55,980 --> 00:06:58,190
Для этого добавьте подсказку.

91
00:06:58,190 --> 00:07:01,120
Введите install NPM.

92
00:07:01,120 --> 00:07:05,244
Итак, обратите внимание, если вы хотите, чтобы NPM установил пакет узла,

93
00:07:05,244 --> 00:07:10,686
вот как вы собираетесь его вызвать, а затем вы скажете lite-server.

94
00:07:10,686 --> 00:07:16,685
И тогда, мы также хотим сохранить тот факт, что наш проект использует lite сервер.

95
00:07:16,685 --> 00:07:20,587
Таким образом, мы сохраним эту информацию в файле package.json.

96
00:07:20,587 --> 00:07:27,492
Поэтому, чтобы сделать это, вы собираетесь ввести - save-dev.

97
00:07:27,492 --> 00:07:33,398
Теперь опция save-dev указывает, что этот облегченный сервер используется для

98
00:07:33,398 --> 00:07:37,820
зависимости разработки для нашего проекта.

99
00:07:37,820 --> 00:07:43,230
Если вы устанавливаете модуль узла, от которого ваш проект напрямую

100
00:07:43,230 --> 00:07:48,680
зависит, вы бы установили его, просто сказав опцию -save.

101
00:07:49,680 --> 00:07:52,110
Итак, давайте продолжим и установим его.

102
00:07:52,110 --> 00:07:56,990
И вы терпеливо ждёте установки.

103
00:08:00,140 --> 00:08:06,890
Это займет несколько минут, чтобы завершить установку.

104
00:08:06,890 --> 00:08:11,830
После того, как это будет установлено, вы сразу

105
00:08:11,830 --> 00:08:16,771
заметите, когда вы посмотрите на содержимое своей папки,

106
00:08:16,771 --> 00:08:25,099
вы сразу заметите, что там создана папка с именем node_modules.

107
00:08:25,099 --> 00:08:30,251
Теперь, если вы заходите в node_module, вы увидите

108
00:08:30,251 --> 00:08:35,120
там целую кучу других подпапок, которые содержат модули узлов,

109
00:08:35,120 --> 00:08:40,098
необходимые для таких, как наш модуль узла и так далее.

110
00:08:40,098 --> 00:08:44,873
Итак, давайте краткий обзор папки модулей узла, чтобы увидеть

111
00:08:44,873 --> 00:08:47,515
, что их содержимое.

112
00:08:50,764 --> 00:08:55,713
Переходя в мою папку git-test, если вы идете в папку модулей узла,

113
00:08:55,713 --> 00:09:00,130
вы увидите, как я уже сказал, целую кучу подпапок там.

114
00:09:00,130 --> 00:09:04,972
Обычно вам не нужно вмешиваться в папку модулей узла.

115
00:09:04,972 --> 00:09:09,222
Они просто существуют там, потому что они необходимы для [НЕразборчивых].

116
00:09:09,222 --> 00:09:16,470
Таким образом, когда вы просматриваете, вы должны заметить папку с именем lite-server здесь.

117
00:09:16,470 --> 00:09:18,970
Когда вы переходите в папку lite-server,

118
00:09:18,970 --> 00:09:23,860
обратите внимание, в частности, на наличие файла index.js, а

119
00:09:23,860 --> 00:09:27,690
затем на файл package.json и несколько других вещей.

120
00:09:27,690 --> 00:09:33,538
Таким образом, это содержимое папки состоит из модуля узла Lite-server.

121
00:09:33,538 --> 00:09:38,010
Но этот модуль узла Lite-server зависит от других модулей узла

122
00:09:38,010 --> 00:09:41,120
, чтобы предоставить ему некоторые дополнительные функциональные возможности.

123
00:09:41,120 --> 00:09:45,190
Поэтому, когда вы устанавливаете модуль узла облегченного сервера, он, в свою очередь,

124
00:09:45,190 --> 00:09:51,590
установит много других модулей узла, от которых зависит сам световой сервер.

125
00:09:51,590 --> 00:09:56,239
Вот почему вы видите взрыв

126
00:09:56,239 --> 00:10:00,800
этих папок внутри модулей узла.

127
00:10:00,800 --> 00:10:04,670
Не беспокойтесь об этом, сумма папок будет не

128
00:10:04,670 --> 00:10:08,620
более нескольких десятков мегабайт.

129
00:10:08,620 --> 00:10:12,310
Таким образом, он не будет заполнять ваш каталог мусором.

130
00:10:13,400 --> 00:10:17,680
Это все важно для узла, чтобы быть в состоянии помочь вам.

131
00:10:19,420 --> 00:10:24,280
В случае, если вам интересно о сервере lite-server и как он работает и так далее,

132
00:10:24,280 --> 00:10:29,780
вы всегда можете перейти на этот сайт GitHub, где размещается сервер lite-server.

133
00:10:29,780 --> 00:10:35,260
А затем найдите документацию для сервера Lite-сервера.

134
00:10:35,260 --> 00:10:40,040
Я представлю вам все, что вам нужно знать о lite-сервере, когда мы проходим

135
00:10:40,040 --> 00:10:42,830
этот курс и остальные курсы.

136
00:10:42,830 --> 00:10:47,223
Поэтому вам не нужно слишком беспокоиться об этом, но на всякий случай, если вам интересно,

137
00:10:47,223 --> 00:10:51,306
вы всегда можете зайти на сайт, чтобы узнать больше о lite-server.

138
00:10:51,306 --> 00:10:56,651
Ссылка приведена в инструкциях по упражнению, и

139
00:10:56,651 --> 00:11:01,307
дополнительные ресурсы являются частью этого урока.

140
00:11:03,640 --> 00:11:08,556
После того, как вы завершите это, перейдите к.

141
00:11:10,139 --> 00:11:15,050
Редактор, в котором у вас есть папка Git-Test, открыт, а

142
00:11:15,050 --> 00:11:18,925
затем просмотреть содержимое файла package.json.

143
00:11:18,925 --> 00:11:23,876
Таким образом, вы увидите, что файл package.json содержит именно ту информацию, которую

144
00:11:23,876 --> 00:11:25,722
вы настроили с вашим NPM.

145
00:11:25,722 --> 00:11:30,937
Таким образом, вы увидите версию имени и автора репозитория и,

146
00:11:30,937 --> 00:11:35,096
в частности, обратите внимание на эту информацию здесь.

147
00:11:35,096 --> 00:11:41,211
Он говорит, что DevDependencies, поэтому он указывает сервер lite-sever,

148
00:11:41,211 --> 00:11:44,931
а также замечает, что он говорит о шляпе 2.2.2.

149
00:11:44,931 --> 00:11:50,643
Таким образом, это означает, что этот конкретный проект

150
00:11:50,643 --> 00:11:58,056
зависит от lite-сервера, который является по крайней мере версией 2.2.2 или выше.

151
00:11:58,056 --> 00:12:00,472
Так что это очень полезно для нас.

152
00:12:00,472 --> 00:12:04,110
Зачем нам эта информация здесь?

153
00:12:04,110 --> 00:12:07,331
Позже, когда вы перейдете к другим упражнениям,

154
00:12:07,331 --> 00:12:11,874
вы заметите, что, когда вы храните это в онлайн-репозитории,

155
00:12:11,874 --> 00:12:16,765
вы не хотите хранить все в папке модулей узла.

156
00:12:16,765 --> 00:12:23,950
Вы будете хранить только информацию обо всех файлах, которые мы создали.

157
00:12:23,950 --> 00:12:28,849
Папка модулей узла всегда может быть воссоздана,

158
00:12:28,849 --> 00:12:33,056
введя NPM install в нашей командной строке.

159
00:12:33,056 --> 00:12:35,905
А затем на основе зависимостей и зависимостей dev

160
00:12:35,905 --> 00:12:40,602
, которые перечислены в файле packager, все

161
00:12:40,602 --> 00:12:45,306
модули узлов, от которых зависит ваш проект, будут автоматически установлены.

162
00:12:45,306 --> 00:12:50,194
Мы увидим, что позже о том, как использовать

163
00:12:50,194 --> 00:12:54,389
NPM install в этом курсе.

164
00:12:56,473 --> 00:13:02,098
Теперь, когда мы находимся в файле package.json, давайте сделаем пару изменений

165
00:13:02,098 --> 00:13:08,431
, так что мы сможем использовать сервер lite-server для обслуживания этого контента.

166
00:13:08,431 --> 00:13:14,520
Поэтому прямо здесь, в этой опции, называемой скриптами,

167
00:13:14,520 --> 00:13:18,181
давайте добавим еще один здесь.

168
00:13:18,181 --> 00:13:20,806
Так что мы скажем «старт».

169
00:13:20,806 --> 00:13:26,673
Таким образом, start - это команда, которую поддерживает NPM, которая

170
00:13:26,673 --> 00:13:32,682
позволяет указать кучу вещей, которые будут запущены.

171
00:13:32,682 --> 00:13:35,264
Так что позже мы увидим, как мы используем это.

172
00:13:35,264 --> 00:13:39,512
Итак, здесь я собираюсь сказать «npm run lite».

173
00:13:43,557 --> 00:13:48,462
И после этого теста я добавлю

174
00:13:48,462 --> 00:13:53,059
еще одну запись под названием «lite»,

175
00:13:53,059 --> 00:13:59,971
которую я настрою как «lite-server», хорошо?

176
00:13:59,971 --> 00:14:04,889
С этими изменениями, давайте сохраним файл package.json.

177
00:14:04,889 --> 00:14:11,170
И тогда, теперь наш проект настроен, так что теперь, если вы запустите lite- сервер,

178
00:14:11,170 --> 00:14:16,682
содержимое вашей папки будет теперь обслуживаться в вашем любимом браузере.

179
00:14:21,306 --> 00:14:24,890
Возвращаясь к нашей командной строке, добавьте приглашение.

180
00:14:24,890 --> 00:14:29,531
Если я напечатаю, npm start, теперь вы видите, почему я помещаю эту

181
00:14:29,531 --> 00:14:34,181
карточку входа в мой файл package.json.

182
00:14:34,181 --> 00:14:41,222
Если я скажу npm start, независимо от того, какой старт настроен, как в файле package.json,

183
00:14:41,222 --> 00:14:47,472
мы указываем, что индикатор запуска npm, а lite был указан как lite сервер.

184
00:14:47,472 --> 00:14:50,420
Итак, по сути, мы говорим «Запустить сервер lite-сервера».

185
00:14:50,420 --> 00:14:54,821
Итак, как только я введу npm start, он запустит lite-сервер, и

186
00:14:54,821 --> 00:14:57,931
он будет обслуживать содержимое этой папки.

187
00:14:57,931 --> 00:15:00,889
Теперь как вы получаете доступ к содержимому этой папки?

188
00:15:00,889 --> 00:15:04,812
Если вы хотите получить доступ к этому локально,

189
00:15:04,812 --> 00:15:12,056
вы получите доступ к нему, указав, что вы являетесь локальным: 3000.

190
00:15:12,056 --> 00:15:15,389
Это настройки по умолчанию для сервера Lite-сервера.

191
00:15:15,389 --> 00:15:19,831
Кроме того, это должно автоматически открыть

192
00:15:19,831 --> 00:15:24,382
окно браузера вашего браузера по умолчанию и

193
00:15:24,382 --> 00:15:29,722
показать содержимое индекса или HTML в окне браузера.

194
00:15:29,722 --> 00:15:34,480
Здесь вы можете видеть, что я открыл свой редактор и

195
00:15:34,480 --> 00:15:39,849
окно браузера, направленное на localhost: 3000

196
00:15:39,849 --> 00:15:44,730
одновременно бок о бок, так что мы можем видеть,

197
00:15:44,730 --> 00:15:49,733
как окно браузера будет немедленно отражать

198
00:15:49,733 --> 00:15:54,760
любые изменения, которые мы вносим в нашу тестовую папку Git.

199
00:15:54,760 --> 00:15:57,780
Так что позвольте мне перейти к index.html.

200
00:15:57,780 --> 00:16:03,060
А потом ради космоса, я переверну это.

201
00:16:03,060 --> 00:16:07,680
И тогда, так вот, вы можете видеть, что это содержание этого.

202
00:16:07,680 --> 00:16:11,554
А теперь позвольте мне добавить еще один абзац.

203
00:16:21,328 --> 00:16:27,338
И сохраните изменения, и тогда вы сразу заметите, что

204
00:16:27,338 --> 00:16:34,980
изменение, которое я сделал в моем файле index.html, отражается в моем браузере.

205
00:16:34,980 --> 00:16:40,560
Это обеспечивает очень хороший способ наблюдать в режиме реального

206
00:16:40,560 --> 00:16:45,890
времени изменения, которые вы вносите в ваш код, отражаются в вашем браузере.

207
00:16:45,890 --> 00:16:49,920
Поэтому, когда вы работаете над проектом,

208
00:16:49,920 --> 00:16:52,175
вам будет очень уместно видеть изменения немедленно.

209
00:16:52,175 --> 00:16:54,895
Поэтому, когда вы вносите изменения, а затем сохраняете файл,

210
00:16:54,895 --> 00:16:59,185
измененный код немедленно загружается в ваш браузер.

211
00:16:59,185 --> 00:17:04,420
Таким образом, вы можете сразу увидеть изменение отражается в окне вашего браузера.

212
00:17:04,420 --> 00:17:12,400
Это очень полезный инструмент, пока вы занимаетесь разработкой своего проекта.

213
00:17:12,400 --> 00:17:18,026
Именно поэтому я познакомил вас с этим Lite-сервером и

214
00:17:18,026 --> 00:17:24,791
создал его так, чтобы мы могли использовать его, как мы разрабатываем веб-сайт в этом курсе.

215
00:17:27,033 --> 00:17:32,092
Если вы помните, мы уже настроили нашу папку git-test как репозиторий Git.

216
00:17:32,092 --> 00:17:37,435
Так что проверка снова, Мы

217
00:17:37,435 --> 00:17:40,805
увидим, что у нас уже есть три коммита в нашем репозитории Git.

218
00:17:40,805 --> 00:17:45,885
И этот репозиторий Git уже зеркально отражен в нашем онлайн-репозитории Git,

219
00:17:45,885 --> 00:17:51,015
который мы создали в предыдущем упражнении либо в Bitbucket, либо в GitHub.

220
00:17:51,015 --> 00:17:55,665
Моя папка git-test синхронизируется с моим

221
00:17:55,665 --> 00:18:02,380
репозиторием Bitbucket в этом конкретном упражнении.

222
00:18:02,380 --> 00:18:08,220
Итак, что я собираюсь сделать сейчас, это показать вам, как вы можете исключить некоторые

223
00:18:08,220 --> 00:18:13,830
папки из папки проекта,

224
00:18:13,830 --> 00:18:19,760
а затем убедитесь, что они не синхронизированы с вашим онлайн-репозиторием.

225
00:18:19,760 --> 00:18:24,480
Теперь, как я уже сказал, папка node_modules всегда может быть воссоздана

226
00:18:24,480 --> 00:18:27,840
, введя npm install в командной строке.

227
00:18:27,840 --> 00:18:31,490
Вот почему, когда вы загружаете

228
00:18:31,490 --> 00:18:36,690
содержимое своей папки в онлайн-репозиторий Git

229
00:18:36,690 --> 00:18:42,320
или когда вы делаете фиксацию папки в свой репозиторий Git,

230
00:18:42,320 --> 00:18:47,230
вы не хотите, чтобы папка node_modules или все подпапки под ней

231
00:18:47,230 --> 00:18:52,280
были включены в фиксацию.

232
00:18:52,280 --> 00:18:55,950
Итак, как мы можем исключить некоторые папки или

233
00:18:55,950 --> 00:19:02,380
некоторые файлы из нашей папки из регистрации в нашем репозитории Git?

234
00:19:02,380 --> 00:19:08,680
Поэтому для этого мы создадим файл с именем.gitignore.

235
00:19:08,680 --> 00:19:11,860
Так вот имя файла, .gitignore.

236
00:19:11,860 --> 00:19:17,220
Таким образом, чтобы создать этот файл.gitignore, мы перейдем к нашему редактору.

237
00:19:18,550 --> 00:19:23,956
Поэтому в редакторе, в папке git-test,

238
00:19:23,956 --> 00:19:31,300
я собираюсь создать новый файл, и я назову его .gitignore.

239
00:19:31,300 --> 00:19:34,650
Обратите внимание, что имя начинается с точки, а

240
00:19:34,650 --> 00:19:39,840
затем, остальное имя g-i-t-i-g-n-o-r-e.

241
00:19:39,840 --> 00:19:44,492
Так что это очень важно, чтобы вы создали файл с именно таким именем,

242
00:19:44,492 --> 00:19:45,329
.gitignore.

243
00:19:46,500 --> 00:19:51,070
Итак, давайте создадим этот файл под названием .gitignore, и

244
00:19:51,070 --> 00:19:57,360
первая строка этого файла, мы будем вводить как node_modules.

245
00:19:57,360 --> 00:20:01,450
Так что это означает, что папка node_modules будет

246
00:20:01,450 --> 00:20:04,410
исключена из нашего git commit.

247
00:20:05,850 --> 00:20:08,896
Поэтому, как только я создаю этот файл.gitignore, а

248
00:20:08,896 --> 00:20:14,900
затем добавлю node_modules в файл.gitignore, давайте сохраним изменения.

249
00:20:14,900 --> 00:20:19,735
И тогда мы теперь сделаем фиксацию текущего состояния нашего проекта

250
00:20:19,735 --> 00:20:24,700
в наш репозиторий Git.

251
00:20:24,700 --> 00:20:27,220
Надеюсь, вы помните свои команды git.

252
00:20:27,220 --> 00:20:31,310
Давайте сделаем статус git, а затем, когда вы это сделаете,

253
00:20:31,310 --> 00:20:36,194
вы сразу заметите, что у вас есть

254
00:20:36,194 --> 00:20:42,070
файл index.html, помеченный как измененный, а затем два новых файла, .gitignore и package.json.

255
00:20:42,070 --> 00:20:49,500
Итак, мы делаем git add., а затем делаем статус git.

256
00:20:49,500 --> 00:20:54,120
И тогда вы видите, что все эти новые файлы были проверены в вашей фиксации.

257
00:20:54,120 --> 00:21:01,090
Давайте сделаем git commit. git commit -m «четвертый commit».

258
00:21:01,090 --> 00:21:05,440
И файлы зафиксированы.

259
00:21:05,440 --> 00:21:09,303
Давайте подтолкнем новую фиксацию в наш онлайн-репозиторий.

260
00:21:09,303 --> 00:21:13,905
Итак, чтобы сделать этот git push -u

261
00:21:13,905 --> 00:21:18,510
origin master и дождаться

262
00:21:18,510 --> 00:21:23,750
, пока он будет нажат на наш сервер.

263
00:21:23,750 --> 00:21:27,403
Теперь, если вы перейдете в свой онлайн-репозиторий Git,

264
00:21:27,403 --> 00:21:30,871
вы увидите, что файл package.json и

265
00:21:30,871 --> 00:21:36,132
.gitignore были бы зарегистрированы в вашем репозитории Git.

266
00:21:36,132 --> 00:21:41,195
Перейдя в мой репозиторий Bitbucket из теста Git, вы увидите, что,

267
00:21:41,195 --> 00:21:47,320
когда я смотрю на источник, вы увидите, что файл package.json был добавлен.

268
00:21:47,320 --> 00:21:54,600
Добавлен файл.gitignore, и новый файл index.html был возвращен.

269
00:21:54,600 --> 00:21:57,570
Таким образом, это завершает это упражнение.

270
00:21:57,570 --> 00:21:58,770
Таким образом, в этом упражнении

271
00:21:58,770 --> 00:22:03,586
мы узнали, как настроить файл package.json с помощью npm init.

272
00:22:03,586 --> 00:22:07,310
Мы научились устанавливать модуль npm.

273
00:22:07,310 --> 00:22:11,900
И мы научились использовать модуль lite-server npm для обслуживания

274
00:22:11,900 --> 00:22:18,100
содержимого нашей папки проекта, чтобы его можно было просматривать в браузере.

275
00:22:18,100 --> 00:22:21,920
Таким образом, это хороший способ обслуживания вашего веб-содержимого,

276
00:22:21,920 --> 00:22:25,360
вашего веб-приложения или вашего веб-сайта, так

277
00:22:25,360 --> 00:22:31,680
что вы можете видеть изменения в реальном времени отражаются в окне вашего браузера.

278
00:22:31,680 --> 00:22:37,280
И тогда мы также увидели, как мы можем настроить .gitignore так, что некоторые

279
00:22:37,280 --> 00:22:42,790
папки могут быть исключены из проверки в нашем репозитории Git.

280
00:22:42,790 --> 00:22:45,450
Это упражнение завершается.

281
00:22:45,450 --> 00:22:50,450
Поэтому с этим я уверен, что вы получили хорошую

282
00:22:50,450 --> 00:22:56,280
дескрипцию по использованию как Git, так и модулей узлов и узлов.

283
00:22:56,280 --> 00:23:02,020
Не волнуйтесь, мы будем использовать узел широко, различными способами,

284
00:23:02,020 --> 00:23:05,610
по мере прохождения курсов этой специализации.

285
00:23:05,610 --> 00:23:06,497
Это всего лишь начало.

286
00:23:06,497 --> 00:23:13,270
[ МУЗЫКА]