Автор оригинала: FreeCodeCamp Community Member.
Раджараодомв
В этом блоге я буду охватывать установку ITERM2, ZSH Shell, «О мой ZSH», темы, Цветовые схемы ITERM2, «Ой мой ZSH» плагины и включают поддержку «лигатурой», чтобы помочь создать красивый и мощный терминал.
Резюме:
Мы будем охватывать много вещей. Это может быть запутано, поэтому вот краткое изложение того, что мы будем делать.
- Установите ITERM2 – это лучшая альтернатива к терминалу по умолчанию
- Установите последнюю ZSH Shell – это более мощно, чем обычный корпус Bash. Мы переключаем ITERM2, чтобы использовать ZSH Shell.
- Установить «О мой ZSH» – это инструмент CLI, который легко настроить ZSH и добавлять темы и плагины в ZSH
- Добавьте два типа темы, используя «О, мой ZSH» – некоторые темы нуждаются в дополнительных шагах, поэтому мы охватим оба
- Установите разные схемы ITERM2 – это просто цветные схемы для интерфейса
- Добавьте два разных плагина, используя «О мой ZSH» для повышения производительности
- Включить поддержку «лигатурой», поэтому, когда вы пишете стрелку => ; оно выглядит как настоящий Arr o W →
Шаг 1- Установите ITERM2
Многие программисты, как ITERM2 вместо терминала по умолчанию. Он похож на терминал, но имеет много особенностей собственного. Это, конечно, может управлять ZSH, Bash и другими снарядами внутри него.
Следующее видео показывает некоторые новые функции элемента 2 (v3).
Шаг 2- Изменить оболочку в ZSH
Следующие видео показывают, почему ZSH лучше, чем просто раковина Bash.
Вариант 1 – Используйте собственные Mac ZSH:
Mac поставляется с Zsh Out-of-Box, поэтому нам не нужно его устанавливать. Однако иногда это старая версия ZSH. Обычно он расположен в/bin/zsh. Чтобы использовать его, все, что нам нужно сделать, это изменить оболочку (ЧБ).
- Откройте терминал (или ITERM2) и введите следующую команду.
$ chsh -s $(which zsh)
2. Введите пароль, и он изменит оболочку при выходе и входа в систему.
3. Выйти и повторно войти
4. Чтобы проверить, откройте терминал и введите следующее, и он должен сказать ZSH.
$ echo $0 zsh //should return zsh
Вариант 2- Установите домень и установите последнее ZSH через дому
Эта опция довольно распространена среди пользователей, потому что некоторые плагины работают только с последним ZSH.
Домень, просто сказал, что это установщик командной строки для всех видов программного обеспечения. Давайте установим это первым.
- Установите домощь, запустив следующую команду.
ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
2. Если вы получите инструменты командной строки для ошибки XCODE, это означает, что вы не установили инструменты CLI для XCode. Если вы не получите ошибку, вы можете пропустить этот шаг, потому что у вас уже установлено.
Инструменты CLI CLI XCODE используются различными приложениями, которые манипулируют основными функциями OSX. Поэтому убедитесь, что установите инструменты XCode CLI, запустив следующую команду.
$ xcode-select –install
3. Установите ZSH через доме
Запустите следующую команду для установки ZSH. Он устанавливается на /usr/local/bin/zsh
PS: Mac по умолчанию ZSH на /bin/zsh
brew install zsh
4. Используйте домохозяйственную версию ZSH
Запустите следующую команду. Вам будет предложено ввести пароль Mac.
chsh -s /usr/local/bin/zsh
5. Выйдите из системы и войдите в систему.
6. Тест, если мы используем ZSH и правильное ZSH
$ echo $0 zsh //correct $ which zsh /usr/local/bin/zsh //correct
Шаг 3- «О, мой ZSH»
«О, мой ZSH» – плагин, который проходит сверху ZSH. Он обеспечивает конфигурацию по умолчанию для ZSH (~/.zhrc-файл), а также предоставляет темы и дополнительные функции.
- Установить «О мой ZSH»
Запустите следующую команду для установки «О мой ZSH».
sh -c "$(curl -fsSL https://raw.github.com/robbyrussell/oh-my-zsh/master/tools/install.sh)"
2. Закройте и выйдите из ITERM2 и откройте его.
Это должно выглядеть что-то вроде ниже. Обратите внимание, что подсказка изменилась, и тема немного отличается – это «О мой ZSH» в действии для вас.
Шаг 4 – Измените темы и установите шрифты
На этом этапе мы добавим два разных темы «О моих ZSH». «О, мой ZSH» приходит с Тонны тем Отказ PS: Но некоторые темы нужны дополнительные шаги, такие как установка определенных шрифтов и так далее.
Чтобы установить тему, просто откройте файл ~/.zshrc (созданный «О, мой ZSH») и измените тему, как показано ниже.
Тема 1 – давайте добавим тему под названием «Avit»
- Открыть .zshrc.
$ open ~/.zshrc
2. Измените тему на «Avit»
Вы можете просматривать все темы «О моих Zsh» здесь Отказ Чтобы изменить тему, просто измените значение zsh_Theme в ~/.zshrc Файл из Роббирусселл к Авит Отказ
3. Обновите ZSH Config
Запустите следующую команду, чтобы обновить конфигурацию.
$ source ~/.zshrc
4. Измените цвет фона и размер шрифта
Откройте ITERM2> Настройки> Профили> Цвета и изменить фоновый черный цвет, чтобы использовать 20% серый, как показано ниже.
Затем открыть текст> Измените шрифт и измените размер до 14pt.
Хорошо, давайте установим другую тему, которая нуждается в шрифтах.
Тема 2 – Установка “Agnoster” О моей теме ZSH
Это популярная тема, потому что она эмулирует Powerline Приложение Python, которое усиливает терминал. Следующая картина показывает, как это выглядит. Но эта тема также нуждается в нас устанавливать темы Powerline.
1. Установите Шрифты Powerline
$ git clone https://github.com/powerline/fonts.git $ cd fonts $ ./install.sh
2. Измените тему на «Agnoster»
$ open ~/.zshrc Set ZSH_THEME="agnoster" and save the file
3. Выйдите из ITERM2 и откройте его.
4. Установите шрифт Powerline
Вы можете настроить любой Powerline Patched шрифт, который вам нравится. Все шрифты заканчиваются «Для PowerLine» Отказ
Открыть ITERM2> Предпочтения> Профили> Текст> Сменить шрифт
И установите его на что-то, что имеет «для PowerLine». Я выбираю «Meslo LG DZ для Powerline» шрифт.
5. Все сделано
На данный момент ваш терминал должен выглядеть как ниже:
Шаг 5 – Установите ITERM2 «Цветовые схемы» (Темы ITERM2)
Есть много великолепных цветовых схем для ITERM2. Эти схемы меняют цвет переднего плана, цвет фона, цвет курсора и так далее. Вы можете найти их в ITERM2-COLOR-SCHEMES Github repo.
Следуйте этим шагам, чтобы установить их.
- Скачать . ITERM2-COLOR-SCHEMES как почтовый файл и извлечь его
- Папка «Schemes» содержит все файлы цветовой схемы – они заканчиваются
.itermcolors
- Открыть
ITERM2> Настройки> Профиль> Цвета> Цветовые пресеты> Импорт
- В окне «Импорт» перейдите к папке «Схемы» (с шага 2)
- Выберите все файлы, чтобы вы могли импортировать все цветные схемы одновременно
- Просто выберите, какая бы цветная схема вам нравится.
Цветовая гамма аргонавта выглядит ниже:
Шаг 6- Установите плагины
Плагины добавляют больше функций на ваш рабочий процесс. По умолчанию «О, мой ZSH» уже имеет плагин «Git»! И именно поэтому вы смогли увидеть все эти статусы Git в подсказках на более ранних скриншотах. Добавим еще один, чтобы увидеть, как это работает.
Плагин 1 – Добавить синтаксис подсвечивающий плагин
Подсветка синтаксиса Alllighting добавляет красивые цвета в команды, которые вы печатаете, как показано ниже.
- Клонировать ZSH-синтаксис-подсветку REPO и скопируйте его в каталог плагинов «Ой мой ZSH».
git clone https://github.com/zsh-users/zsh-syntax-highlighting.git ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-syntax-highlighting
2. Активируйте плагин в ~/.zshrc
Добавляя ` ZSH-синтаксис - выделение
в раздел плагинов, как показано ниже.
3. Перечитайте конфигурацию ZSHRC
source ~/.zshrc
Плагин 2 – Добавить плагин ZSH-AutoSuggestion
Этот плагин AUTO предлагает любой из предыдущих команд. Довольно удобно! Чтобы выбрать завершение, просто нажмите → клавишу.
- Установите плагин
git clone https://github.com/zsh-users/zsh-autosuggestions $ZSH_CUSTOM/plugins/zsh-autosuggestions
2. Открыть ~/.zshrc
и добавить zsh-autoSuggestions
Шаг 7 – Используйте поддержку лигатуры
Существуют различные шрифты, которые помогают делать операторы, как меньше, двойной равны, правая стрелка, а не равна, и так далее красивая. Например, каждый раз, когда вы напечатаете: =>, это становится: →.
Чтобы использовать это, нам нужны шрифты, которые поддерживают лигатуры. Нам также нужно включить его в ITERM2. Фиорекодом это один такой шрифт. Следуйте шагам для установки и включения лигатур.
- Скачать . Фиорекодом REPO и извлечь ZIP-файл (или клонировать его)
- Открыть
DSTR> TTF
Папка и дважды щелкните все* .ttf
Файлы и выберите кнопку «Установить шрифт», чтобы установить каждый из вариантов шрифтов. - Перейдите к
ITERM2 |. Предпочтения |. Профили |. Текст
- Выберите Используйте лигатуры флажок
- Нажмите на
Изменить шрифт
и выберитеFira Code Regular
шрифт
Резюме
Мы много охватываем в этом блоге, начиная с установки последних ZSH через доморь, о мой ZSH, плагины, темы, включают «лигатуры» для шрифта Fireacode.
?? Спасибо!
Если это было полезно, пожалуйста, нажмите на хлопок? Нажмите ниже несколько раз, чтобы показать вашу поддержку! ⬇⬇⬇ ??
Мои другие посты
https://medium.com/@rajaraodv/latest
Ecmascript 2015+.
- Проверьте эти полезные советы и трюки Ecmascript 2015 (ES6)
- 5 JavaScript «плохие» части, которые фиксируются в ES6
- Это «класс» в ES6 новой «плохой» части?
Улучшения терминалов
- Как Jazz Up Ваш терминал – пошаговое руководство с картинками
- Джаз вверх Терминал «ZSH» в семи шагах – визуальное руководство
Www.
- Увлекательная и грязная история Интернета и JavaScript
Виртуальный домос
Производительность реагирования
- Два быстрых способа уменьшить размер реагирования в производстве
- Использование PREACT вместо реагирования
Функциональное программирование
- JavaScript Turing Complete – объяснил
- Функциональное программирование в JS – с практическими примерами (часть 1)
- Функциональное программирование в JS – с практическими примерами (часть 2)
- Почему redux нуждаются в редуллерах, чтобы быть «чистыми функциями»
WebPack
- WebPack – запутанные детали
- Замена WebPack & Hot модуль [HMR] (под капотом)
- HMR и React-Loader WebPack – отсутствующее руководство
Проект.js.
- Почему chank.js и почему вы должны внести свой вклад
- Как проект.js представляет богатые текстовые данные
Реагировать и redux:
- Шаг за шагом Руководство по созданию приложений React Redux
- Руководство для построения приложения React Redux Crud (3-страничное приложение)
- Использование Addractwares в React Redux Apps
- Добавление прочной проверки формы для реагирования приложений Redux
- Обеспечение приложений React Redux с токенами JWT
- Обработка транзакционных электронных писем в Action Redux Apps
- Анатомия приложения React Redux
- Почему redux нуждаются в редуллерах, чтобы быть «чистыми функциями»
- Два быстрых способа уменьшить размер реагирования в производстве
Если это было полезно, пожалуйста, нажмите на хлопок? Кнопка ниже несколько раз, чтобы показать вашу поддержку! ⬇⬇⬇ ??
Если у вас есть вопросы, пожалуйста, не стесняйтесь спрашивать меня в Twitter: https://twitter.com/rajaraodv.