Как настроить Mac для веб-разработчика

Настройки клавиатуры

Прежде всего я перехожу в настройки клавиатуры Mac и ставлю галочку «Использовать функциональные клавиши F1, F2 и другие как стандартные«. Это полезно, если вы также как и я пользуетесь дебаггером в браузере Google Chrome и другими горячими клавишами, например, в IDE WebStorm.

Данные функции позволяют дебажить как на обычной клавиатуре, переходить к следующей контрольной точке через нажатие F8 или F9. Если вы не включите данную функцию, вам придется постоянно нажимать fn + F8 или F9. Это надоедает. А вот после включения данной функции, если вы теперь захотите увеличить звук или яркость, вам придется использовать fn + соответствующая клавиша. Пользуюсь я этим очень редко.

На новеньких макбуках добавили клавишу «Глобус», которая переключает язык, ее я отключаю (ставлю «не производит никаких действий»). Делаю я это не потому что мне не удобно, а потому что переключает не корректно. В коде часто приходится менять языки, если пишешь что-то с интерфейсом на русском языке. Клавиша выбирает не следующий язык, а часто тот же самый, что и был. Поставил себе переключение на клавишу caps lock.

Настройки Трекпад

Многие пользователи MacBook ставят галочку «Касание для имитации нажатия«, вещь действительно очень крутая, она позволяет вам не слышать щелчков и не применять усилий для нажатия. Однако! Такая настройка совсем не подходит мне, как для веб-разработчика. Я не использую дополнительную клавиатуру и пишу код на родной клавиатуре Mac. Когда данная настройка включена, во время написания кода я случайно дотрагиваюсь до трекпада и курсор в моем коде переставляется в другое место, приходится отвлекаться для того, что б поставить его в нужное место. Но возможно, что вы более аккуратнее чем я, попробуйте!

Настройки Finder

Здесь на самом деле у меня не много настроек, можно было бы обойтись одним скриншотом, но все-таки я объясню некоторые моменты. Я включаю «Показать все расширения имен файлов«, эта привычка осталась со времен использования Windows, где важно знать, какой файл ты запускаешь. На Mac я хочу знать какие файлы имеются в проекте еще до его открытия. «Удалять объекты из корзины по истечению 30 дней» — говорит само за себя. Часто забываю это делать, а раз я не заглядывал в корзину 30 дней, значит мне точно не нужны эти файлы.

Далее все в том же Finder я перехожу в «Вид» и включаю «Показать строку пути«, потому что я хочу знать, где именно и на каком уровне вложенности я сейчас нахожусь.

Горячие клавиши macOS

Я не переназначаю горячие клавиши, а использую стандартные. Очень много действий я произвожу на самом трекпаде. После двух дней использования трекпада, я подключил мышь и попробовал попользоваться своим mac, стало жутко неудобно. Трекпад — очень крутая вещь! Но все-таки и клавиатурой пользуюсь тоже достаточно часто! Вот вам парочка хороших горячих клавиш на Mac.

Поиск по Mac Spotlight: ⌘ (command) + Пробел
Удаление: ⌘(command) + delete или backspace
Закрыть вкладку / свернуть приложение : ⌘(command) + w
Закрыть программу полностью: ⌘(command) + q (для браузера надо удерживать)
Скриншот всего экрана: ⌘(command) + shift + 3
Сделать скриншоты выделенной области: ⌘(command) + shift + 4
Сделать скриншот выбранного окна: ⌘(command) + shit + 4 — нажать и отпустить, затем нажать пробел
Открыть полностью приложение «Снимок экрана»: ⌘(command) + shift + 5

С полным списком горячих клавиш для macOS вы можете ознакомиться на официальном сайте Apple.

Установка HomeBrew на Mac

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

Для того чтобы установить Homebrew введите команду в ваш терминал (Может понадобиться пароль администратора) : /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)". По завершению установки необходимо будет ввести эти две команды по очереди. echo 'eval... и eval "$(/opt/.., у вас пути будут отличаться, поэтому не вставляю код сюда.

После установки проверяем корректность командой: brew -v

Если у вас отобразилась версия, то вы все сделали правильно. Далее вам необходимо зайти на сайт https://formulae.brew.sh/ и написать в поиск интересующий вас пакет. Это может быть и node, git, python и т.п. Тут же вы получите команду для ее установки (Install command). Просто скопируйте ее в свой терминал и нажмите Enter (Return).

Не будем долго останавливаться на этом, подробнее с HomeBrew вы можете ознакомиться на их официальном сайте. Вот вам основные команды для установки самых нужных пакетов:

brew install node
brew install git

Обновлять приложения: brew update название.

Редакторы кода WebStorm или VScode

Вечный спор, что же все-таки лучше. Каждому свое, если честно. У меня даже есть небольшой мануал для VScode, он совсем крошечный. Писал я его, когда сам пытался перейти на vscode. Однако у меня это в итоге не вышло и я остался на WebStorm.

Что же я использую для WebStorm? Да ничего, вот скрин моих плагинов и тем:

Да, для комфортной работы ничего не нужно, все уже есть из коробки. За это я и люблю WebStorm. Я использую тему от JetBrains и Key Promoter X — плагин, который подсказывает горячие клавиши. Я пытаюсь отучить себя пользоваться мышкой/трекпадом. Когда я делаю что-то на трекпаде, плагин говорит мне о том, как я мог сделать это с помощью горячих клавиш.

А также настраиваю запуск WebStorm через терминал (все вы знаете, что если в терминале набрать code . — откроется vscode с текущей папкой). Это можно сделать и для WebStorm. Для этого откройте сам вебшторм и нажмите два раза клавишу shift, напишите Create Command-line Launcher и нажмите Enter.

Create Command-line Launcher WebStorm — **Create Command-line Launcher** WebStorm

В появившемся окне просто нажмите «OK», если строчка пустует, то впишите то, что на скриншоте: /usr/local/bin/webstorm. После этого можете закрыть WebStorm, теперь я запуск доступен из терминала, для этого необходимо написать: webstorm .

Удалось ли нам настроить Mac для веб-разработчика?

Честно? Я когда садился писать эту статью, думал, что она будет куда объемнее. Но ведь за это мы и любим технику Apple и все что с ней связано. Все работает идеально без каких-либо танцев с бубном. Все необходимое уже установлено и работает идеально.

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

Возможно даже, если будет необходимость, напишу целый манул, как подготовить и настроить конфиг для установки системы macOS не на MacBook. Благо имеется опыт установки систем от Catalina до Monterey.