Настройка Sublime Text 3 (приквел к курсу) | Блог веб-разработчика MaxGraph

Настройка Sublime Text 3 (приквел к курсу)

 

Краткое описание действий из видео:

  1. Заходим на сайт https://www.sublimetext.com/ и скачиваем версию для Вашей ОС.
  2. Устанавливаем Sublime Text 3 и попутно переходим на сайт https://packagecontrol.io/installation и выделяем текст во вкладке «Sublime Text 3». Этот текст нужно вставить в консоль редактора. Консоль вызываем сочитанием клавиш ctrl+~(тильда). Вставляем в нее код и жмем Enter. Package Control установлен.
  3. После этого нам становится доступна другая комбинация клавиш, которая собственно открывает панель установки плагинов. Жмем ctrl+shift+p, и в появившейся строке поиска вводим: «Package Control: Install Package». Жмем Enter. Это команда для запуска установки плагинов.
  4. После этого в строке вводим названия плагинов. В видео рассказано более детально, посмотрите.
    Возьмем пример. Вводим в строке Emmet и жмем Enter. После того как у вас откроется текстовый документ — плагин установлен и готов к работе.
  5. Тестирование плагинов запечатлено на видео.
  6. Далее переходим к Browser-Sync. Для его работы нужно скачать библиотеку node.js. Переходим на сайт https://nodejs.org/en/ и скачиваем последнюю версию, после чего устанавливаем.
  7. Далее, на сайте https://www.browsersync.io/ нас ждет специальный код, который нужно вставить в командную строку вашей операционной системы. Как это делать: либо посмотрите как в видео, либо нажимайте комбинацию Win(клавиша со значком windows)+R, у вас откроется маленькое окошко, в которое нужно ввести «cmd» и нажать Enter.
  8. Когда консоль откроется, нужно вставить в нее код с сайта, нажать Enter и дождаться завершения установки.
  9. После установки ваш browser-sync готов к работе. Для того чтобы его запустить, нужно выбрать папку с вашим проектом. Зажать клавишу shift и в любом свободном месте папки кликнуть правой кнопкой мыши. В окошке появится ранее невидимая команда «открыть окно команд». Это та же самая командная строка, но она применяется конкретно к папке, в которой была запущена.
    Вставляем в нее код

    browser-sync start —server —files «./**/*.*» —no-notify

    Это базовый код для запуска browser-sync. Изучите технологию более детально, чтобы прописывать этот код применительно для определенного вашего проекта.

  10. Тем не менее, после нажатия Enter у нас через какое-то время откроется браузер (или вкладка в нем, если он был открыт). Эта вкладка — содержимое файла index.html. Теперь, вводя какой-то html-код в этот файл и нажимая ctrl+S (сохранение), Вы мгновенно увидите обновления Вашей верстки.

Спасибо Всем за внимание, подписывайтесь на блог, канал на YouTube, добавляйтесь Вконтакте!
Следующий урок (по единицам измерения rem) уже совсем скоро.

ВАЖНО:

Эти два урока — базовые, и помогут вам чуть проще понять то, что я буду показывать на самом курсе. В уроках я буду использовать и другие технологии, но их изучение я оставляю полностью на ваше усмотрение. Конечно же, вкратце я пробегусь по ним уже в самом курсе.

12345 (Пока оценок нет)
Загрузка...

Метки: , , , , ,

Понравилось? Расскажи другим!

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Максим Васянович

Я являюсь автором этого блога, а также занимаюсь разработкой сайтов. Любой feedback по каналу на YouTube или этому блогу принимаю по форме (либо пишите Вконтакте). Надеюсь на Вас.

Напишите мне Смотрите меня