1
00:00:00,000 --> 00:00:05,564
[MUSIC]

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

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

4
00:00:13,870 --> 00:00:16,844
Таким образом, в этом упражнении мы начнем использовать узел.

5
00:00:16,844 --> 00:00:19,980
Мы создадим файл package.json для

6
00:00:19,980 --> 00:00:24,880
нашей папки git-test, с которой мы работали до сих пор,

7
00:00:24,880 --> 00:00:29,780
то мы создадим модуль узла, называемый как lite-server, который

8
00:00:29,780 --> 00:00:34,610
будет обслуживать содержимое нашей папки git-test.

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

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

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

12
00:00:48,499 --> 00:00:53,089
нам автоматически видеть обновления нашего браузера

13
00:00:53,089 --> 00:00:58,149
окна, как мы вносим изменения в наш файл index.html или

14
00:00:58,149 --> 00:01:02,283
любые другие файлы в нашей папке git-test.

15
00:01:02,283 --> 00:01:08,685
Лайт-сервер это то, что мы будем широко использовать в этом и

16
00:01:08,685 --> 00:01:13,805
будущих курсах, чтобы иметь возможность видеть изменения в режиме реального времени в

17
00:01:13,805 --> 00:01:18,730
окно браузера, когда вы редактируете файлы вашего проекта.

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

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

20
00:01:29,030 --> 00:01:33,254
Итак, у меня есть некоторая информация с

21
00:01:33,254 --> 00:01:37,874
сайта npmjs.org, который указывает, что

22
00:01:37,874 --> 00:01:43,184
точно является ролью файла package.json.

23
00:01:43,184 --> 00:01:47,210
Таким образом, файл package.json служит документацией

24
00:01:47,210 --> 00:01:51,670
на то, от чего зависит ваш проект.

25
00:01:51,670 --> 00:01:55,130
Так, например, когда вы настраиваете lite-сервер для

26
00:01:55,130 --> 00:01:59,210
вашего проекта, он будет записан в файл package.json.

27
00:01:59,210 --> 00:02:07,200
Чтобы впоследствии вы также могли использовать этот пакет в будущем.

28
00:02:07,200 --> 00:02:12,460
Также он позволяет указать, какая конкретная версия пакета

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

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

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

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

33
00:02:30,650 --> 00:02:33,938
А также это делает ваши сборки воспроизводимыми,

34
00:02:33,938 --> 00:02:37,918
, что означает, что когда вы делитесь своим кодом с другими,

35
00:02:37,918 --> 00:02:42,243
то они также могут сделать установку всех модулей узла,

36
00:02:42,243 --> 00:02:46,767
, как мы увидим позже в этом упражнении, на их собственном компьютере.

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

38
00:02:57,610 --> 00:03:02,800
Если вы начинаете новый проект, в котором вы хотите инициализировать файл package.json

39
00:03:02,800 --> 00:03:10,420
, просто введите npm init в командной строке в папке проекта.

40
00:03:10,420 --> 00:03:13,300
И тогда это приведет вас через набор шагов

41
00:03:13,300 --> 00:03:17,150
, которые позволят вам настроить файл package.json.

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

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

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

45
00:03:31,900 --> 00:03:34,728
командное окно, а затем перейдите в папку git-test.

46
00:03:34,728 --> 00:03:43,235
И в подсказке введите npm init, а затем следуйте задаваемые вопросы.

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

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

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

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

51
00:03:58,175 --> 00:04:04,475
Это тестовый каталог

52
00:04:04,475 --> 00:04:10,462
для изучения Git и Node.

53
00:04:10,462 --> 00:04:13,400
Неважно, введите там какое-то описание.

54
00:04:13,400 --> 00:04:16,994
А затем точка входа, я просто скажу index.html.

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

56
00:04:24,508 --> 00:04:30,369
Теперь эта папка, которую мы создали, является папкой на основе index.html,

57
00:04:30,369 --> 00:04:34,018
, поэтому я просто набираю index.html.

58
00:04:34,018 --> 00:04:35,801
Контрольная команда, ничего.

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

60
00:04:40,365 --> 00:04:43,783
, он автоматически предложит это для вас.

61
00:04:43,783 --> 00:04:48,733
Если нет, это будет пустым и даст вам возможность ввести URL-адрес репозитория Git

62
00:04:48,733 --> 00:04:53,920
в случае, если вы используете онлайн-репозиторий Git.

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

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

65
00:04:58,501 --> 00:04:59,933
Давайте будем нарциссизмом.

66
00:05:04,337 --> 00:05:06,267
И лицензия.

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

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

69
00:05:18,566 --> 00:05:21,756
Так что, если это выглядит хорошо, давайте просто скажем хорошо.

70
00:05:21,756 --> 00:05:27,790
И тогда это приводит к созданию файлов package.json.

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

72
00:05:31,014 --> 00:05:36,109
вы увидите файл package.json в содержимом папки.

73
00:05:36,109 --> 00:05:40,932
Откройте папку git-test в вашем любимом редакторе и

74
00:05:40,932 --> 00:05:47,270
затем взгляните на содержимое файла package.json в вашем редакторе.

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

76
00:05:53,161 --> 00:05:57,702
модуль узла с помощью NPM, диспетчера пакетов узлов.

77
00:05:57,702 --> 00:06:02,434
Итак, мы собираемся установить этот модуль узла, называемый как lite-server.

78
00:06:02,434 --> 00:06:07,432
Лайт-сервер будет обслуживать содержимое этой папки git-test в

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

80
00:06:13,150 --> 00:06:18,404
Учитывая, что у нас есть файл index.html, если мы обслуживаем эту папку

81
00:06:18,404 --> 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:37,310
Это очень, очень полезно, потому что если вы работаете над проектом веб-разработки,

85
00:06:37,310 --> 00:06:42,380
вы хотите увидеть живую версию вашего проекта веб-разработки так

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

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

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

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

90
00:06:55,980 --> 00:07:01,120
Чтобы сделать это в командной строке, введите npm install.

91
00:07:01,120 --> 00:07:04,273
Так что обратите внимание, если вы хотите, чтобы npm установил пакет Node,

92
00:07:04,273 --> 00:07:06,594
вот как вы собираетесь его вызвать.

93
00:07:06,594 --> 00:07:10,674
И тогда вы бы сказали «лайт-сервер».

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

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

96
00:07:20,670 --> 00:07:27,918
Итак, чтобы сделать это, мы собираемся ввести —save-dev.

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

98
00:07:33,641 --> 00:07:37,820
для нашего проекта.

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

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

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

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

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

104
00:08:07,029 --> 00:08:11,991
После того, как это установлено, то вы сразу

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

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

107
00:08:25,333 --> 00:08:30,459
Теперь, если вы войдете в node_modules, вы увидите целую кучу

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

109
00:08:35,492 --> 00:08:40,170
необходимы для модуля узла lite-sever и так далее.

110
00:08:40,170 --> 00:08:44,925
Итак, давайте рассмотрим папку node_modules, чтобы увидеть

111
00:08:44,925 --> 00:08:47,363
, что такое содержимое.

112
00:08:50,810 --> 00:08:55,893
Идя в мою папку git-test, если вы собираетесь в папку node_modules,

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

114
00:09:00,130 --> 00:09:04,904
Обычно вам не нужно рендеринг в папку node_modules,

115
00:09:04,904 --> 00:09:09,384
они просто существуют там, потому что они нужны для lite-сервера.

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

117
00:09:16,470 --> 00:09:21,400
Когда вы заходите в папку lite-server, обратите внимание, в частности, на наличие

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

119
00:09:27,690 --> 00:09:33,928
Таким образом, это содержимое папки включает модуль узла lite-server.

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

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

122
00:09:41,120 --> 00:09:46,456
Вот почему, когда вы устанавливаете модуль узла lite-server, он, в свою очередь,

123
00:09:46,456 --> 00:09:51,590
устанавливает многие другие модули узлов, от которых зависит сам сервер lite-server.

124
00:09:51,590 --> 00:09:56,810
Так вот почему вы видите взрыв

125
00:09:56,810 --> 00:10:00,800
этих папок внутри папки node_modules.

126
00:10:00,800 --> 00:10:06,090
Не стоит слишком беспокоиться об этом, сумма всего этого не будет превышать

127
00:10:06,090 --> 00:10:08,620
несколько десятков мегабайт.

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

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

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

131
00:10:24,280 --> 00:10:30,010
Вы всегда можете перейти на этот сайт GitHub, где размещен lite-сервер, а затем

132
00:10:30,010 --> 00:10:33,855
искать документацию для lite-server.

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

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

135
00:10:42,830 --> 00:10:44,560
Так что вам не нужно слишком беспокоиться об этом.

136
00:10:44,560 --> 00:10:46,890
Но на всякий случай, если вам интересно,

137
00:10:46,890 --> 00:10:51,590
вы всегда можете зайти на этот сайт, чтобы узнать более подробную информацию о lite-сервере.

138
00:10:51,590 --> 00:10:55,710
Ссылка приведена в инструкции по упражнению и

139
00:10:55,710 --> 00:11:01,220
дополнительные ресурсы части этого урока.

140
00:11:04,040 --> 00:11:09,357
После того, как вы закончите это, перейдите в редактор

141
00:11:09,357 --> 00:11:14,258
, где у вас есть папка, папка git-test, откройте и

142
00:11:14,258 --> 00:11:18,753
, а затем просмотрите содержимое файла package.json.

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

144
00:11:23,604 --> 00:11:25,691
вы настроили с вашим npm в нем.

145
00:11:25,691 --> 00:11:31,414
Таким образом, вы увидите имя, версию и автора репозитория

146
00:11:31,414 --> 00:11:38,142
и, в частности, обратите внимание на эту информацию здесь говорит devDependencies.

147
00:11:38,142 --> 00:11:45,034
И затем он указывает lite-сервер, а также обратите внимание, что он говорит, ^2.2.2.

148
00:11:45,034 --> 00:11:50,086
Таким образом, это означает, что этот конкретный проект зависит от

149
00:11:50,086 --> 00:11:54,858
lite-сервера, который является по крайней мере версией 2.2.2.

150
00:11:54,858 --> 00:11:56,078
Все высокий уровень.

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

152
00:12:00,488 --> 00:12:05,942
Теперь, зачем нам эта информация нужна здесь, позже, когда вы переходите к другим упражнениям

153
00:12:05,942 --> 00:12:11,669
, вы заметите, что при хранении ее в онлайн-репозитории.

154
00:12:11,669 --> 00:12:16,738
Вы не хотите хранить все в папке node_modules.

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

156
00:12:23,902 --> 00:12:28,896
Папка node_modules всегда может быть воссоздана, введя

157
00:12:28,896 --> 00:12:33,270
nmp install в нашей командной строке.

158
00:12:33,270 --> 00:12:36,260
А затем на основе зависимостей devDependencies и

159
00:12:36,260 --> 00:12:40,235
, которые перечислены в файле package.json.

160
00:12:40,235 --> 00:12:44,542
Все модули узлов, от которых зависит ваш проект, будут автоматически установлены

161
00:12:44,542 --> 00:12:45,338
.

162
00:12:45,338 --> 00:12:48,868
Мы увидим, что позже,

163
00:12:48,868 --> 00:12:54,330
о том, как использовать npm install в этом курсе.

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

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

166
00:13:08,630 --> 00:13:14,694
Итак, прямо здесь в этом варианте называется скрипты,

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

168
00:13:18,430 --> 00:13:20,618
Так скажем, начните.

169
00:13:20,618 --> 00:13:26,540
Таким образом start - это команда, которая поддерживает npm

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

171
00:13:32,890 --> 00:13:35,312
Итак, позже мы увидим, как мы будем использовать это.

172
00:13:35,312 --> 00:13:39,668
Так вот, я собираюсь сказать, npm бегать lite.

173
00:13:43,407 --> 00:13:48,009
И после теста я собираюсь

174
00:13:48,009 --> 00:13:52,788
добавить еще одну запись под названием,

175
00:13:52,788 --> 00:13:59,725
lite, которую я настрою как lite-server.

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

177
00:14:04,798 --> 00:14:07,740
, то теперь наш проект настроен.

178
00:14:07,740 --> 00:14:11,046
Так что теперь, если вы запустите лайт-сервер,

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

180
00:14:21,690 --> 00:14:25,050
Возвращаемся к нашей командной строке и подсказке.

181
00:14:25,050 --> 00:14:29,470
Если я набираю npm start, теперь вы видите, почему

182
00:14:29,470 --> 00:14:34,320
я помещаю эту запись под названием start в мой файл package.json.

183
00:14:34,320 --> 00:14:39,480
Итак, если я скажу npm start, независимо от того, что этот старт настроен как,

184
00:14:39,480 --> 00:14:42,310
в файле package.json.

185
00:14:42,310 --> 00:14:47,640
Мы указываем, что как npm запускает lite, а затем lite был указан как lite-сервер.

186
00:14:47,640 --> 00:14:50,420
По сути, мы говорим о запуске лайт-сервера.

187
00:14:50,420 --> 00:14:54,751
Поэтому, как только я набираю, npm start, он запустит lite-сервер и

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

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

190
00:15:00,921 --> 00:15:06,912
Если вы хотите получить доступ к нему локально, вы получите доступ к нему по

191
00:15:06,912 --> 00:15:12,120
, указав URL-адрес как локальный хост: 3000.

192
00:15:12,120 --> 00:15:15,550
Это настройки по умолчанию для lite-сервера.

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

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

195
00:15:24,016 --> 00:15:29,707
, а затем показать содержимое index.html в этом окне браузера.

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

197
00:15:34,244 --> 00:15:39,115
окно браузера, направленное на локальный хост: 3000

198
00:15:39,115 --> 00:15:42,446
одновременно бок о бок.

199
00:15:42,446 --> 00:15:47,906
Чтобы мы могли видеть, как окно браузера будет сразу

200
00:15:47,906 --> 00:15:54,760
отражать любые изменения, которые мы вносим в наши файлы в папке git-test.

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

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

203
00:16:03,989 --> 00:16:07,372
И тогда здесь вы можете видеть, что это содержание.

204
00:16:07,372 --> 00:16:12,392
А теперь позвольте мне добавить в

205
00:16:12,392 --> 00:16:16,918
еще один абзац,

206
00:16:21,492 --> 00:16:24,150
и сохранить изменения.

207
00:16:24,150 --> 00:16:29,220
И тогда вы сразу заметите, что изменение, которое

208
00:16:29,220 --> 00:16:34,980
я сделал в моем файле index.html, отражается в моем браузере.

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

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

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

212
00:16:49,920 --> 00:16:52,175
вы могли видеть изменения немедленно.

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

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

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

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

217
00:17:12,400 --> 00:17:17,400
Вот почему я познакомил вас с lite сервером и

218
00:17:17,400 --> 00:17:25,250
настроить его так, чтобы мы могли использовать его при разработке сайта в этом курсе.

219
00:17:27,280 --> 00:17:32,830
Если вы помните, мы уже создали нашу папку git-test, чтобы быть репозиторием git,

220
00:17:32,830 --> 00:17:37,515
, чтобы снова проверить, мы

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

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

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

224
00:17:51,015 --> 00:17:56,849
Моя папка git-test синхронизирована с моим репозиторием bitbucket

225
00:17:56,849 --> 00:18:02,386
в этом конкретном упражнении.

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

227
00:18:08,220 --> 00:18:19,760
из папки проекта, а затем убедиться, что они не синхронизированы с вашим онлайн-репозиторием.

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

229
00:18:24,714 --> 00:18:27,679
, набрав npminstall в подсказке.

230
00:18:27,679 --> 00:18:32,089
Вот почему, когда вы загружаете содержимое

231
00:18:32,089 --> 00:18:35,948
вашей папки в онлайн-репозиторий git или

232
00:18:35,948 --> 00:18:41,240
, когда вы делаете фиксацию папки в свой репозиторий git,

233
00:18:41,240 --> 00:18:46,865
вы не хотите, чтобы папка модулей примечания или все вложенные папки

234
00:18:46,865 --> 00:18:52,280
под ней были включены в, Commit.

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

236
00:18:55,950 --> 00:19:02,380
некоторые файлы из нашей папки из нашего репозитория git.

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

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

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

240
00:19:18,550 --> 00:19:24,929
Поэтому в редакторе в тестовой папке git я собираюсь создать новый файл.

241
00:19:24,929 --> 00:19:31,300
И я назовем его .gitignore.

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

243
00:19:34,650 --> 00:19:39,840
, то остальное имя G-I-T-I-G-N-O-R-E.

244
00:19:39,840 --> 00:19:40,580
Так что это очень,

245
00:19:40,580 --> 00:19:45,320
очень важно, что вы настроили филе с точно именем, .gitignore.

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

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

248
00:19:57,360 --> 00:19:59,550
Итак, это означает, что

249
00:19:59,550 --> 00:20:04,410
папка модуля узла будет исключена из нашей git commit.

250
00:20:05,850 --> 00:20:14,900
Поэтому, как только я создаю этот файл.gitignore, а затем добавлю модули узлов в файл.gitignore, давайте сохраним изменения.

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

252
00:20:20,260 --> 00:20:22,860
в нашем репозитории git.

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

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

255
00:20:31,310 --> 00:20:36,900
вы сразу заметите, что у вас файл index.html

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

257
00:20:42,070 --> 00:20:49,500
Таким образом, мы делаем git add., а затем делаем статус git.

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

259
00:20:54,120 --> 00:20:59,665
Давайте сделаем git commit, git commit -m «четвертый

260
00:20:59,665 --> 00:21:05,440
commit». И файлы были совершены.

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

262
00:21:10,300 --> 00:21:15,632
Итак, чтобы сделать это, git push

263
00:21:15,632 --> 00:21:20,442
-u мастер происхождения.

264
00:21:20,442 --> 00:21:24,370
И дождитесь, пока его вытолкнут на наш сервер.

265
00:21:24,370 --> 00:21:29,320
Теперь, если вы перейдете в свой онлайн-репозиторий git,

266
00:21:29,320 --> 00:21:31,909
вы увидите, что файл package.json и

267
00:21:31,909 --> 00:21:35,660
.gitignore были бы возвращены в ваш репозиторий git.

268
00:21:37,250 --> 00:21:42,130
Идем в мой репозиторий битведка для git-теста.

269
00:21:42,130 --> 00:21:45,050
Вы увидите, что когда я смотрю на источник,

270
00:21:45,050 --> 00:21:47,440
вы увидите, что файл package.json был добавлен,

271
00:21:48,780 --> 00:21:54,600
.gitignore был добавлен, и новый файл index.html был проверен.

272
00:21:54,600 --> 00:21:57,630
Так что это завершает это упражнение.

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

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

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

276
00:22:07,034 --> 00:22:12,220
И мы научились использовать модуль lite server npm для обслуживания

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

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

279
00:22:21,874 --> 00:22:24,912
вашего веб-приложения или вашего веб-сайта так

280
00:22:24,912 --> 00:22:31,680
, что вы можете видеть изменения в реальном времени отражаются в окне браузера.

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

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

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

284
00:22:45,450 --> 00:22:50,450
Таким образом, я уверен, что вы получили бы хороший ручек на

285
00:22:50,450 --> 00:22:56,280
использования как git, так и модулей узла и узла.

286
00:22:56,280 --> 00:22:57,060
Не волнуйся.

287
00:22:57,060 --> 00:23:02,020
Мы будем широко использовать узел различными способами

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

289
00:23:05,610 --> 00:23:10,238
Это только начало.

290
00:23:10,238 --> 00:23:13,270
[МУЗЫКА]