Командная строка (cmd) для веб-мастера

Reading time ~3 minutes

Для веб-разработчика, и для верстальщика в частности, первые вещи, которые он обязан знать, это языки HTML, CSS, Javascript с библиотекой jQuery.

Желательно знание основ PHP, популярных CMS - WordPress, Joomla, Drupal. Обязательно знание основ работы в Photoshop, иначе просто не сможет верстальщик работать.

Но причем здесь командная строка Windows, скажете вы? Это системному администратору в его ремесле она необходима, чтобы создавать bat-файлы, через терминал управлять удаленными соединениями, создавать и настраивать локальные сети. Для чего же она нужна человеку, который работает с веб-приложениями?

Оказывается, нужна. Не вся ее мощь, не все ее DOS-команды - только самые распространенные и необходимые. А нужна при работе с препроцессорами CSS, такими как SASS или LESS.

Насчет LESS - это можно еще поспорить, а вот для SASS она понадобиться однозначно. Установка препроцессора SASS производиться через командную строку; процесс мониторинга также запускается через командную оболочку.

Так что давайте подтянем свои знания в этой области на тот уровень, который необходим. Ниже приведено краткое описание с примерами всех тех команд, которые могут потребоваться. Некоторые читатели могут сказать - а зачем плодить еще одну статью по командной строке Windows?

В Интернете и так таких статей пруд пруди! На это могу сказать одно - этот сайт является моей записной книжкой. И здесь я выкладываю записи по принципу: “чтобы не забыть”, “описать задачу и ее выполнение самому, чтобы лучше понять”. Ну, лирика закончена, приступаем к делу.

Горячие клавиши командной оболочки

  • Win+R - быстрый запуск командной оболочки;
  • Alt+Space - меню настройки командной строки;
  • F7 - показ списка введенных команд в оболочке;

cmd /f:on - включение перебора директорий по сочетанию Ctrl+D и перебора файлов по сочетанию Ctrl+F; (очень полезное свойство - благодаря ему не нужно вручную писать имя каталога, куда необходимо попасть, достаточно найти его методом перебора).

Создание папок

  • mkdir sass - создание новой папки sass в корне текущего диска;
  • md sass - аналогично предыдущей (укороченный вариант);
  • md sass\verstka - создание вложенных директорий;
  • md F:verstka\revoltz - создание директорий в указанном диске;

Просмотр содержимого каталогов

  • tree - показ дерева каталогов;
  • tree /f - показ дерева каталогов с их содержимым;
  • tree F:sass - показ “куска” дерева каталогов, начиная с указанного места;
  • dir - просмотр содержимого текущего диска (каталога) в виде списка;
  • dir F: - просмотр содержимого диска F:
  • dir /p F: - постраничный вывод содержимого диска F:
  • type test.txt - просмотр содержимого файла (расширение файла указывать обязательно);

Перемещение по каталогам и дискам

  • cd /d F: - переход в корень диска F: (для меня, как бывшего линуксоида, странное и неудобное нагромождение с ключом)
  • cd .. - перейти на уровень вверх;
  • cd Folder\Folder2\Folder3 - перейти в папку Folder3;

Удаление файлов и каталогов

  • del test.txt - удалить файл (расширение файла указывать обязательно);
  • rmdir folder3 - удалить папку (директорию);

Копирование и перемещение

  • copy text.txt Folder\Folder2\Folder3 - скопировать файл в директорию Folder3;
  • move text.txt Folder\Folder2\Folder3 - переместить файл в директорию Folder3;

Разное

  • cls - очистка экрана ввода;

Для работы в командной строке также желательно ее настроить, облагородить под себя. Ибо изначально вид командной оболочки достаточно непригляден. Для открытия свойств окна терминала достаточно щелкнуть ПКМ на любом месте заголовка окна.

Затем перейти в свойства - окно с четырьмя вкладками.

Первую - “Options” - можно пропустить, там ничего особо интересного нет.

Вторая вкладка - “Font” - для настройки шрифтов. Лучше всего поставить шрифт “Lucida Console” и кегль 12:

Шрифты терминала Windows

Третья вкладка - “Layout” - для настройки размеров окна. Наиболее удобные размеры приведены на рисунке:

Размеры окна терминала Windows

Четвертая вкладка - “Colors” - для настройки цветов фона, текста. Всплывающее окно (появляется по нажатию клавиши F7) также настраивается с помощью фонового цвета и цвета текста - но кто его использует? (можно оставить “как есть”):

Цвета терминала Windows

Конечно, все настройки индивидуальны. Как говориться, на вкус и цвет все фломастеры разные. Поэтому рисунок ниже - примерный вид того, каким может быть настроенный терминал Windows:

Вид терминала Windows

На этом все.


Различие между exports и module.exports

Попытка разобраться, в чем различие между exports и module.exports, основанная на статье Understanding module.exports ...Continue reading

Комментарии

Защита от автоматических сообщений
CAPTCHA
Введите слово на картинке