You are on page 1of 2

[ЗВУК]

Итак, Тут я в Windows и для установки приложений использую Windows 10. Давайте
продолжим и откроем Chrome и сделаем его браузером по умолчанию, ...по крайней мере
сейчас. И продолжим, ищем sublime text. Мы будем устанавливать SublimeText 3. Это
первая появившаяся ссылка. И то что нам нужно...Раз уж я запустил
Windows 64-бит, я выберу версию для 64-бит. Файл скачивается. Продолжим и найдём
файл в директории загрузки. И два раза кликаем мышкой по файлу. Если коротко,
здесь я просто
оставляю всё по умолчанию. Настройки по умолчанию хороши. Я продолжаю и нажимаю
Install. И установка должна быть завершена. Далее используем "поиск в интернете или
в Windows". Сейчас я могу сказать Sublime,
и первая ссылка будет на Sublime, и Сейчас я могу кликнуть правой кнопкой мыши
по иконке и добавить её на панель задач. Мы переместим её вот сюда. Ну хорошо, пока
что мы можем закрыть Sublime. И далее мы должны установить Git. Мы продолжаем и
снова переходим в браузер.
И мы просто пишем "download Git for Windows". И первая ссылка это
не рекламная ссылка, мы в любом случае не видим никаких рекламных ссылок.
Продолжаем и нажимаем "Download Git for Windows", и загрузка должна начаться прямо
сейчас и да, так и есть. Ну хорошо, готово. Давайте
найдём файл в директории загрузку. Двойной щелчок мышью для запуска файла
установки. Двойной щелчок мышью для запуска файла установки. Нажимаем Next здесь, и
здесь, Next здесь и снова Next вот тут. Ещё раз нажимаем Next и, когда мы попадаем
в это окно, в котором написано
"Adjusting your path variable enviroment", Убедитесь, что вместо использования Git
только из Git bash, если вы хотите использовать обычную консоль, консоль Windows,
выберите средний вариант, где написано
"Use Git from Windows command prompt". После этого нажимаем Next. Это мы оставим
как есть. И вместо MinTTY в качестве терминала по умолчанию, мы будем использовать
консоль Windows по умолчанию,
так что выберем "Use Windows default...". Я нажму Next и в конце концов мы
установим Git. Хорошо, готово. Нам не надо смотреть примечания к выпуску,
так что мы снимем галочку и нажмём Finish. Сейчас, если мы перейдём в командную
строку, она же cmd, мы расширим её на полный экран и, в продолжение,
напишем git --version для проверки того, что git установлен и версия его
2.6.4.windows.1, это версия, которую мы скачали.
Таким образом наш git прекрасно работает. Позвольте мне сделать небольшой
отступление, только на секунду, чтобы прояснить кое-что и избежать недоразумений в
будущем. В этом курсе я собираюсь использовать Mac и я буду упоминать терминал.
Терминал в Mac это то же самое, что
и командная строка или программа cmd в Windows, просто интерфейс командной строки.
Имеется ввиду, что вы пишете команды вместо щелчков по кнопкам для
выполнения каких-то действий. Все программы, которые мы устанавливаем,
имеют команды, которые одинаковы, что бы вы не использовали, Windows или Mac.
Однако, команды файловой системы отличаются. Например, очень распространённая
разница
состоит в том, что для получения списка файлов в директории в Mac вы используете
команду ls от слова список. Однако, для получения содержимого директории
в Windows, вы должны использовать другую команду, называющуюся D-i-R, команда dir,
от слова директория. Следующий шаг - установка Node.js.чтобы мы могли установить
Browser Sync. Продолжим и перейдём в браузер...и напишем "download nodejs for
windows". И первая появившаяся ссылка....полагаю я допустил ошибку при вводе.
Первая появившаяся ссылка
ведёт туда, куда нужно. И мы продолжаем и выбираем наш
Windows installer, разве что я, имея 64-битный Windows выбираю MSI installer 64-
bit. Когда это сделано, продолжаем
и открываем файл. Мы кликаем мышью два раза на установочном файле. И мы нажимаем
Next, принимаем условия, которые звучат неплохо, И выбираем Add to Path, чтобы быть
уверенными, что эта путь добавлен в нашу консоль. Продолжаем и нажимаем Next,
и нажимаем Install, и мы определённо отвечаем Yes на это предложение. Готово, так
что единственная вещь, которую
осталось сделать, - попробовать проверить, что NodeJs действительно установлен,
так что мы выходим из консоли. Это всегда неплохо перезапускать консоль,
когда что-то новое установлено, поэтому Мы откроем её снова, развернём на полный
экран и напишем node --version. Это работает и следующая команда
из NodeJs - npm, сокрашение от node package manager и
мы проверяем --version для неё. На самом деле npm это то, ради чего мы дошли
до этой точки, потому что мы собираемся использовать node package manager
для установки плагина Browser Sync или программы Browser Sync. Похоже, что и npm
работает так же хорошо. Так что следующая вещь, которую нам нужно сделать -
установить Browser Sync. Так что мы зайдём в браузер и
поищем Browser Sync. И первая ссылка - то, что нам нужно и ссылка говорит там, как
установить Browse Sync правильно. Там написано npm install -g browser sync и -g там
просто для того, чтобы установить программу для всех пользователей, не только для
вашего аккаунта. Так что мы скопируем команды, зайдём в консоль и вставим команду.
Нажмём Enter. Хорошо, похоже, что программа установилась. Продолжим и проверим это.
Мы снова выходим из консоли,
просто на всякий случай. Возвращаемся и пишем cmd. И сейчас мы напишем, расширю
окно на полный экран, напишем browser-sync. И ещё --version. Итак, работает.
Хорошо, таким образом мы закончили с нашими установками
и в третьей части этой лекции Я собираюсь показать вам, как мы собираемся
использовать Browser Sync, чтобы обслуживать и
разрабатывать наш вебсайт с его использованием. Также мы посмотрим как загрузить и
развернуть ваши веб-страницы прямо на Github.com.