CODEGURU

Настраиваем mac для работы с фронтендом

Выбираем терминал

Да, сегодняшний фронтенд подразумевает общение с системой с помощью терминала (он же командная строка). И для успешного общения важно выбрать приложение, которое поможет нам делать это максимально эффективно и приятно. Какие есть варианты:

  • Hyper
  • iTerm2
  • встроенный терминал VS Code
  • системное приложение Terminal

Мой личный фаворит — Hyper. Отлично работает и отлично выглядит.

Инструменты разработчика для командной строки

Эту штуку совершенно необходимо установить, если вы работаете на Mac. Проверить установлены ли у вас эти инструменты можно с помощью команды

xcode-select --version

Если команда не сработает, то инструменты не установлены. Но это легко исправить:

xcode-select --install

Устанавливаем homebrew

Homebrew — очень полезный менеджер пакетов для Mac OS. Он позволит с лёгкостью установить и поддерживать в актуальном состоянии множество полезных вещей. Запускаем команду

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

Node и NPM

Без node.js сегодня во фронтенде тоже никуда. Для большей гибкости мы будем использовать nvm (node version manager). Этот пакет позволяет устанавливать несколько версий node.js и даже использовать в разных проектах разные версии. Да, такое бывает необходимо. Итак, устанавливаем nvm

curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.34.0/install.sh | bash

Затем устанавливаем актуальную версию node.js:

nvm install node

Для установки конкретной версии node.js достаточно просто указать нужную версию:

nvm install 6.14.4 # или 10.10.0, 8.9.1

Система контроля версий Git

Git помогает вам сохранять историю измений файлов проекта, а также синхронизировать свою работу с другими членам команды. Так что его стоит использовать всегда, даже если вы пока работаете один и делаете все проекты локально.

И вот тут нам и пригодится установленный ранее homebrew:

brew install git

Кстати, для поддержания всех установленных через homebrew пакетов в актуальном состоянии (да и самого homebrew) периодически запускайте такую команду:

brew update && brew upgrade && brew cleanup && brew doctor

Я обычно запускаю её перед стартом нового проекта.

Текстовый редактор

В хорошем редакторе и код хороший получается. Шутка, конечно. Но, как знаете, в каждой шутке есть доля шутки. На сегодняшний день есть три самых популярных редактора:

Выбирайте тот, что вам по душе. Мой выбор — Visual Studio Code.

Браузер

Ну тут совершенно очевидно, что у вас должны быть установлены все актуальные версии современных браузеров. В каждом из них необходимо тестировать вёрстку. На всякий случай список:

Ну и как у всякого разработчика на Mac OS у вас есть отдельная проблема — тестирование в IE и Edge. У этой проблемы есть два решения: используете отдельный компьютер с Windows или устанавливаете на свой Mac виртуальную Windows с помощью parallels desktop (vmware).

На этом всё, теперь ваш Mac готов к подвигам 🎉.