Как я настраиваю свой MacBook для разработки

В этой статье я расскажу о настройках, которые я бы поставил на каждый Mac, который у меня есть. Все, что предлагается в этой статье, можно использовать бесплатно, нет ничего плохого в том, чтобы попробовать их все; все они также протестированы на платформе Apple Silicon, не стесняйтесь брать все, что вам интересно для своих старых / новых компьютеров Mac!

Веб-браузер

Обновление: Только что обнаружил, что версия Microsoft Edge для iOS также имеет встроенный Adblock Plus. Я использую Edge на MacBook и iPhone в течение нескольких дней, и вот обзор:



Использование Microsoft Edge на Mac и iPhone
Microsoft сильно изменилась за последние годы medium.com



Я использую Brave из-за его встроенной функции блокировки рекламы.

У меня следующие требования:

  1. Синхронизация закладок и истории на Mac и iPhone
  2. Блокировка рекламы на iPhone
  3. Некоторые расширения на Mac

На iOS мы можем устанавливать такие приложения, как Adblock Plus, который действует как блокировщик контента, но блокировщики контента могут применяться только в Safari. И поскольку Safari на Mac имеет ограниченное количество расширений, я не стал его выбирать.

Brave - единственный браузер на iOS, который может блокировать рекламу, а его версия для Mac основана на Chromium, поэтому я могу использовать свои любимые расширения.

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

Сначала использую Атом. Еще в 2016 году степень настройки и разнообразие расширений редактора Atom были просто потрясающими! Через некоторое время я открыл SQL-файл размером 20 МБ (может быть, больше, не помню), редактор завис на 2 минуты. Это был первый раз, когда я подумал, что Atom не идеальный редактор.

Затем вышел Visual Studio Code. Благодаря всем возможностям Atom, он стал еще быстрее! Это текстовый редактор, которым я пользуюсь последние несколько лет, и мне нравится использовать его сегодня.

Не забудьте нажать «Command + Shift + P», выбрать «Установить команду« code »в PATH». Затем вы можете использовать терминал для открытия любых файлов в VS Code с помощью code path/to/text/file. Очень кстати!

Тема редактора

Как бывший пользователь Atom, One Dark Pro - хорошая тема для меня. Он имеет светлые и темные темы, красивый и четкий синтаксис.

А недавно я нашел тему под названием Nord, на которую тоже очень приятно смотреть:

Одним из недостатков этой темы является то, что комментарии в коде очень трудно читать, особенно на панели «git diff». Вы можете улучшить его, добавив в «Настройки JSON» следующее:

"editor.tokenColorCustomizations": {
    "[Nord]": {
      "comments": "#81A1C1"
    }
},
"workbench.colorCustomizations": {
    "[Nord]": {
      "diffEditor.insertedTextBackground": "#5E81AC33"
    }
},

Просто нажмите CMD + P, введите «настройки». Выберите «Предпочтения: Открыть настройки (JSON)». Вставьте содержимое и сохраните.

Расширения редактора

Я разработчик Flutter и иногда разрабатываю приложения для JavaScript и Node. Расширения разделены на 3 категории, берите все, что вам нужно:

Общие:

  • "изменить регистр". Позволяет быстро переключать имя переменной между случаем верблюда, случаем змеи и т. Д.
  • DotENV. Поддержка синтаксиса файла .env.
  • EditorConfig для VS Code. Поддержка .editorconfig файла. Это расширение по умолчанию, не так ли?
  • "размер файла". Показать текущий размер файла в строке состояния.
  • ГитЛенс. Полезно, когда вы видите дерьмовый код и хотите кого-то обвинить. Оказывается, это вы 6 месяцев назад.
  • Отступ-радуга. Делаем отступы более заметными и читаемыми.
  • Красивее. Средство форматирования кода для определенных языков.
  • Сортировка объектов JSON. Излишне объяснять, правда?

Flutter:

  • Эмулятор Android iOS. Откройте эмулятор Android / симулятор iOS, не выходя из редактора.
  • Дротик. Поддержка языка Dart для VS Code.
  • Флаттер. Поддержка фрагментов Flutter и инструментов отладки.

JavaScript:

  • ESLint. ЛИНТЕР на JavaScript.
  • Insert use strict. Добавьте оператор use strict сразу ко всем файлам JavaScript в рабочей области.
  • Npm Intellisense. Автозаполнение модулей npm в операторах импорта.

Шрифт редактора

В качестве шрифта редактора я использую Fira Code. Не только из-за удобочитаемости, но и из-за лигатур. Попробуйте, и вам понравится.

Значок редактора

Значок VS Code по умолчанию на доке слишком яркий, на помощь приходят vscode-icons!

Вы также можете проверить этот проект иконок терминала, что тоже здорово!

Менеджер пакетов

Если у вас есть опыт работы с Linux, вы пропустите команду apt (или pac и т. Д. Для некоторых других дистрибутивов Linux). Они значительно упрощают установку программного обеспечения / инструментов! В MacOS нет встроенного менеджера пакетов, но мы можем использовать Homebrew.

После установки Homebrew вы можете установить такие пакеты, как:

brew install [package-name]

И удалить:

brew uninstall [package-name]

Пакеты называются formula, проверьте здесь, чтобы увидеть список доступных формул.

Терминал

Терминал необходим разработчику. Если вы все еще боитесь его использовать, попробуйте подружиться с ним. Освоение команд unix / linux поможет вам стать хорошим разработчиком. Вы можете начать с использования git команд. (Да, пожалуйста, не используйте SourceTree!)

iTerm2

ITerm2 - это замена терминального приложения MacOS по умолчанию. Он поддерживает несколько вкладок, разделенные панели, 24-битные цвета, поиск и другие функции.

Цветовая схема iTerm2

Это снова Норд. Ознакомьтесь с репозиторием nord-item2 здесь.

Сопоставление ключей iTerm2

Не забудьте перейти в iTerm2 ›Настройки› Профиль ›Ключи, для которого задано« Редактирование естественного текста ». Это позволяет использовать Option + Arrow Left или Option + Arrow Right для перемещения курсора вперед или назад по слову. Вы также можете использовать Option + Delete, чтобы удалить целое слово.

Стиль окна

Чтобы получить этот чистый и красивый стиль окна, перейдите в iTerm2 ›Настройки› Внешний вид, на вкладке «Общие» установите «Тема »На« Минимальный ».

Строка состояния

Для тех из вас, кому интересен монитор ресурсов в верхней части моего терминала, перейдите в iTerm2 ›Настройки› Профили ›Сессия; установите флажок «Строка состояния включена» и нажмите кнопку «Настроить строку состояния», чтобы увидеть доступные компоненты.

Z Shell и oh-my-zsh

Z Shell (или zsh) - это замена стандартной оболочки bash, которая содержит множество замечательных функций, таких как темы и плагины. Oh-my-zsh - самый популярный фреймворк для Z Shell. Вы можете найти в Интернете руководства по установке и того, и другого, я не буду здесь повторять.

Powerlevel10k

Powerlevel10k - это тема для zsh. Это красиво, быстро, легко настраивается и настраивается:

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

Powerlevel10k предлагает использовать MesloLGS NF, поскольку он поддерживает большое количество глифов (значков). Если вы хотите использовать свой любимый шрифт, вы можете проверить, есть ли у него версия Nerd-Fonts, или даже исправить его самостоятельно. Кстати, я использую FiraCode Nerd Font.

Плагины Oh-my-zsh

git

Один плагин, без которого я не могу жить, - это плагин git. (И он установлен по умолчанию.) Это экономит мне массу времени каждый день! Это набор псевдонимов git команд. Например, вместо git push --set-upstream origin master вы можете просто ввести gpsup. Как это гениально!

zsh-autosuggestions

Еще один очень полезный плагин - zsh-autosuggestions. Каждый раз, когда вы что-то вводите, вы получаете предложение серого цвета. Нажмите клавишу «Tab», чтобы получить еще больше предложений (например, варианты команды). Выполните следующую команду, чтобы установить этот плагин:

git clone https://github.com/zsh-users/zsh-autosuggestions.git $ZSH_CUSTOM/plugins/zsh-autosuggestions

Затем откройте ваш ~/.zshrc файл, добавьте zsh-autosuggestions:

plugins=(
  # other plugins
  zsh-autosuggestions
)

Закройте оболочку и откройте новую сессию, работает мгновенно.

zsh-syntax-highlighting

Плагин zsh-syntax-highlighting выделяет вашу команду красным, если она неверна, и зеленым, если она правильная. Чтобы установить его, запустите:

git clone https://github.com/zsh-users/zsh-syntax-highlighting.git $ZSH_CUSTOM/plugins/zsh-syntax-highlighting

Добавьте его в ~/.zshrc:

plugins=(
  # other plugins
  zsh-syntax-highlighting
)

Закройте оболочку и откройте новый сеанс, вот и все.

Управление окнами

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

После установки у вас будет значок в строке состояния. Щелкните значок, появится следующее меню:

Помимо меню, вы можете просто перетащить окна приложений к границам / краям экрана или использовать горячие клавиши для изменения их размера / перестановки.

Реверс прокрутки мыши

Я иногда использую мышь на Mac, но использование естественной прокрутки на мыши кажется странным. MOS позволяет мне задавать направление прокрутки мыши независимо, сохраняя при этом естественную прокрутку трекпада.

Бонус: Менеджер паролей

Если вы ищете бесплатный менеджер паролей для личного использования, Bitwarden - это все, что вам нужно. Он генерирует для вас безопасные пароли. Он поддерживает несколько платформ и браузеров. И он поддерживает биометрическую аутентификацию. Конечно, вы можете присоединиться к тарифному плану для расширенных функций.

Заключение

Вот и все! Нашли что-нибудь полезное? У вас есть еще лучший выбор программного обеспечения / расширений? Оставляйте комментарии, дайте мне знать!