Совершенствуйте свой терминал «ZSH» в семи шагах — наглядное руководство

1656661585 sovershenstvujte svoj terminal zsh v semi shagah — naglyadnoe rukovodstvo

Содержание статьи

от rajaraodv

1*k3akUSSgJsBjjzMkAAN9tQ

В этом блоге я расскажу об установке плагинов ITerm2, оболочки ZSH, «о, мой ZSH», тем, цветовых схем ITerm2, плагинов «oh my ZSH» и включу поддержку «лигатуры», чтобы создать красивый и мощный терминал.

Если вы хотите просто сделать свой обычный Bash-терминал более мощным, посмотрите на мой предыдущий блог: Jazz Up Your Bash Terminal. Но ZSH, объясненный в этом блоге, является более мощным материалом.

Резюме:

Мы рассмотрим многое. Это может запутать, потому вот краткое описание того, что мы будем делать.

  1. Установите ITerm2 – это лучшая альтернатива терминалу по умолчанию
  2. Установите последнюю оболочку ZSH — она мощнее обычной оболочки bash. Мы переведем ITerm2 на использование оболочки ZSH.
  3. Установите «Oh My ZSH» — это инструмент CLI для легкой настройки ZSH и добавления тем и плагинов в ZSH
  4. Добавьте два типа тем с помощью Oh My ZSH — некоторые темы требуют дополнительных шагов, поэтому мы рассмотрим оба
  5. Установите различные схемы ITerm2 – это только схемы цветов для пользовательского интерфейса
  6. Добавьте два разных плагина с помощью «Oh My ZSH», чтобы повысить производительность
  7. Чтобы писать стрелку, включите поддержку «лигатуры». =>;, выглядит как настоящий оброw →
1*k3akUSSgJsBjjzMkAAN9tQ

Шаг 1 — Установите ITerm2

Многие программисты любят ITerm2 вместо стандартного терминала. Он похож на терминал, но имеет множество собственных функций. Он обычно может запускать ZSH, Bash и другие оболочки внутри него.

В следующем видео показаны некоторые новые функции Item 2 (v3).

Для этого блога мы будем использовать ITerm2. Когда я упоминаю «Терминал», я имею в виду ITerm2. Хотя шаги одинаковы как для Terminal, так и для ITerm2.

Шаг 2 — Измените оболочку ZSH

В следующем видео показано, почему ZSH лучше, чем простая оболочка bash.

Вариант 1 – используйте свой ZSH Mac:

Mac поставляется с ZSH из коробки, поэтому нам не нужно его устанавливать. Однако иногда это более старая версия ZSH. Обычно он находится в /bin/zsh. Чтобы использовать его, все, что нам нужно сделать это изменить оболочку (chsh).

  1. Откройте терминал (или ITerm2) и введите следующую команду.
$ chsh -s $(which zsh)

2. Введите пароль и измените оболочку после выхода из системы и входа в систему.

3. Выйти и повторно войти

4. Чтобы проверить, откройте терминал и введите следующее и должно быть zsh.

$ echo $0
zsh //should return zsh

Вариант 2 — установите Homebrew и последнюю версию ZSH через Homebrew

Этот вариант достаточно распространен среди пользователей, поскольку некоторые плагины работают только с последней версией ZSH.

Проще говоря, Homebrew – это установщик командной строки для разного программного обеспечения. Давайте сначала установим это.

  1. Установите Homebrew, выполнив такую ​​команду.
ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

2. Если вы получаете ошибку «Инструменты командной строки Xcode», это означает, что вы не установили инструменты CLI для Xcode. Если вы не получаете сообщения об ошибке, вы можете пропустить этот шаг, поскольку он уже установлен.

Инструменты XCode Developer CLI используются разными приложениями, которые манипулируют основными функциями OSX. Поэтому установите инструменты Xcode CLI, выполнив такую ​​команду.

$ xcode-select —-install

Примечание. Вышеуказанная команда открывает установщик Mac и устанавливает инструменты CLI XCode Developer. Если не выходит, попробуйте xcode-select -r чтобы сбросить.

3. Установите ZSH через Homebrew

Выполните команду, чтобы установить ZSH. Он устанавливается на /usr/local/bin/zsh PS: по умолчанию для Mac установлен ZSH /bin/zsh

brew install zsh

4. Используйте версию ZSH Homebrew

Выполните следующую команду. Вам будет предложено ввести пароль Mac.

chsh -s /usr/local/bin/zsh

5. Выйдите и войдите снова.

6. Проверьте, используем ли мы ZSH и правильный ZSH

$ echo $0
zsh   //correct

$ which zsh
/usr/local/bin/zsh   //correct

Шаг 3 — «О, мой ZSH»

1*Sk54-oKGwIS_3BRk1S4N7A

«Oh My ZSH» – это плагин, работающий поверх ZSH. Он предоставляет по умолчанию конфигурацию для ZSH (файл ~/.zhrc), а также предоставляет темы и другие функции.

Насколько я знаю, большинство опытных пользователей, использующих ZSH, также используют Oh My ZSH.

  1. Установить «Oh My ZSH»

Выполните следующую команду, чтобы установить «oh My ZSH».

sh -c "$(curl -fsSL https://raw.github.com/robbyrussell/oh-my-zsh/master/tools/install.sh)"
1*9X_r8cgGVOIwS8PiPZnS7A
Oh My ZSH установлен

2. Закройте и выйдите из ITerm2 и снова откройте его.

Это должно выглядеть примерно так, как показано ниже. Заметьте, что подсказка изменилась, а тема несколько иная – это «Oh My ZSH» в действии для вас.

1*8Ot5gJq4R_iCXJqlkDPGow
Начальная тема Oh My ZSH

Шаг 4 — Измените темы и установите шрифты

На этом шаге мы добавим две разные темы «Oh My ZSH». «Oh My ZSH» поставляется с множеством тем. PS: но некоторые темы нуждаются в дополнительных шагах, таких как установка определенных шрифтов и т.д.

Чтобы задать тему, просто откройте файл ~/.zshrc (созданный «Oh My ZSH») и измените тему, как показано ниже.

PS: .zshrc – это файл конфигурации для оболочки ZSH. Людям, не использующим «Oh My ZSH», придется вручную создать этот файл и добавить какие-либо конфигурации самостоятельно. «Oh My ZSH» автоматически создает этот файл, если он не существует, а затем добавляет собственный набор конфигураций в этот файл.

Тема 1 – Давайте добавим тему под названием «Авит”

  1. Откройте .zshrc
$ open ~/.zshrc

2. Смените тему на «Avit»

Вы можете просмотреть все темы «Oh My ZSH» здесь. Чтобы изменить тему, просто измените значение ZSH_THEME в файле ~/.zshrc из Робирассел к Авит.

1*yzCfQpf-7oVs3SPelf1Imw

3. Обновите конфигурацию ZSH

Выполните команду, чтобы обновить конфигурацию.

$ source ~/.zshrc
1*jdA_I2AykgRqAKTRVSY3Eg
Ваша командная строка в теме Avit

4. Измените цвет фона и размер шрифта

Откройте ITerm2 > Параметры > Профили > Цвета и измените черный цвет фона на 20% серого, как показано ниже.

1*NjFS-nVNi0O8lDSoHLUleg
Используйте 20% серого фона

Затем откройте текст > Изменить шрифт и измените размер на 14 пт.

1*8rl1Nc5oqqtd7RSjzo8K4w
Измените шрифт на 14pt
1*CjzxD0L9jyqK0bp5zLB8lg
Чистый и красивый Iterm2 из ZSH!

Ладно, давайте установим другую тему, для которой нужны шрифты.

Тема 2 — Задание темы «agnoster» Oh My ZSH

Это популярная тема, поскольку она эмулирует программу Powerline Python, усовершенствующую терминал. На следующем рисунке показано, как это выглядит. Эта тема также требует установления тем Powerline.

1*vLlx2GBxwk1NAOa-eLOCyw
агностер Oh My ZSH тема

1. Установите шрифты Powerline

$ git clone 
$ cd fonts
$ ./install.sh

2. Смените тему на agnoster

$ open ~/.zshrc
Set ZSH_THEME="agnoster" and save the file

3. Выйдите из ITerm2 и откройте его снова.

4. Установите шрифт Powerline

Вы можете установить любой исправленный шрифт Powerline, который вам нравится. Все шрифты заканчиваются на «для Powerline».

ОТКРЫТО ITerm2 > Preferences > Profiles > Text > Change Font и установите для него то, что имеет PowerLine. Я выбираю «Meslo LG DZ для Powerline» шрифт.

1*S9KIZotQcq4dNoBESM0v3w
Шрифт Meslo LG DZ для Powerline Iterm2

Примечание. Если вы запутались по поводу шрифтов и тем: темы предназначены для «Oh My ZSH» и оболочки ZSH, а шрифты — для самого Iterm2.

5. Все готово

На этом этапе ваш терминал должен выглядеть следующим образом:

1*vLlx2GBxwk1NAOa-eLOCyw

Шаг 5 – Установите «цветовые схемы» iTerm2 (темы ITerm2)

Для iTerm2 есть много отличных цветовых схем. Эти схемы изменяют цвет переднего плана, цвет фона, цвет курсора и т.д. Вы можете найти их в iTerm2-color-schemes Github repo.

Примечание. Это только цветовые схемы пользовательского интерфейса ITerm2, и они не касаются вида и ощущения командной строки, как темы «Oh My ZSH» (кроме просто изменения цветов).

Выполните эти действия, чтобы установить их.

  1. Загрузите iTerm2-color-schemes как zip-файл и распакуйте его
  2. Папка «Схемы» содержит все файлы цветовых схем – они заканчиваются на .itermcolors
  3. ОТКРЫТО iTerm2 > Preferences > Profile > Colors > Color Presets > Import
  4. В появившемся окне импорта перейдите в папку «Схемы» (с шага 2)
  5. Выберите все файлы, чтобы можно было импортировать все цветовые схемы одновременно
  6. Просто выберите любую цветовую схему, которая вам нравится.

Мои любимые Бэтмен и Аргонавт

1*LHZaKiNSSp5PX0RRTS5ITw
Тема Batman Iterm2

Цветовая схема Argonaut выглядит так:

1*yFbKJQbBwNRbtU4dFM2UVA
Цветовая схема аргонавта

Шаг 6 — Установите плагины

Плагины добавляют больше функций в ваш рабочий процесс. По умолчанию «Oh My ZSH» уже имеет плагин «git»! и именно поэтому вы могли увидеть все эти статусы Git в подсказках на предыдущих снимках экрана. Давайте добавим еще один, чтобы увидеть, как это работает.

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

Плагин 1 — Добавление плагина подсветки синтаксиса.

Плагин подсветки синтаксиса добавляет красивые цвета в команды, которые вы вводите, как показано ниже.

1*f_RqoUuzWvcVhATPzr2i7A
  1. Скопируйте репозиторий плагина zsh-syntax-highlighting и скопируйте его в каталог плагинов «Oh My ZSH».
git clone  ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-syntax-highlighting

2. Активируйте плагин ~/.zshrc добавив `zsh-syntax-highlighting в раздел Плагины, как показано ниже.

1*1sGebsi0qMQMAvPLo64ARQ
Добавьте новый плагин в новой строке в разделе плагинов

3. Прочтите конфигурацию zshrc

source ~/.zshrc

Плагин 2 – добавьте плагин ZSH-AutoSuggestion

Этот плагин автоматически предлагает любую из предыдущих команд. Очень удобно! Чтобы выбрать завершение, просто нажмите клавишу →.

1*ZiTrbBVUGLWe4OwRL1Ytrg
  1. Установите плагин
git clone  $ZSH_CUSTOM/plugins/zsh-autosuggestions

PS: ZSH_CUSTOM указывает на ~/.oh-my-zsh/custom

2. Открыть ~/.zshrc и добавьте zsh-автопредложения

1*pshPBacVfZgHaKdlG1cajg

Шаг 7 — Используйте лигатурную опору

Существуют различные шрифты, с помощью которых такие операторы, как меньше, двойное равно, стрелка вправо, не равна и т.д., выглядят красиво. Например, каждый раз, когда вы вводите: =>, оно становится: →.

1*OIpApVPLobonxDMEkaAbaA

Чтобы использовать это, нам нужны шрифты, поддерживающие лигатуру. Нам также нужно включить его в ITerm2. FiraCode – один из следующих шрифтов. Выполните шаги для установки и включения лигатуры.

  1. Загрузите хранилище FiraCode и распакуйте файл zip (или клонируйте его)
  2. Откройте dstr > ttf папку и дважды щелкните все *.ttf и нажмите кнопку «Установить шрифт», чтобы установить каждый из вариантов шрифта.
  3. Перейдите к ITerm2 | Preferences | Profiles | Text
  4. Выберите Use Ligaturesфлажок
  5. Нажмите на Change Font и выберите Fira Code Regular шрифт
1*kFynRP_J2Q42WA5TGtPphA

Резюме

В этом блоге мы многое рассмотрели, начиная от установки последней версии ZSH через Homebrew, Oh My ZSH, плагинов, тем, включения «лигатур» для шрифта FiraCode.

?? Спасибо!

Если это было полезно, пожалуйста, щелкните хлопать? нажмите кнопку ниже несколько раз, чтобы выразить свою поддержку! ⬇⬇⬇ ??

https://medium.com/@rajaraodv/latest

ECMAScript 2015+

  1. Просмотрите эти полезные советы и советы ECMAScript 2015 (ES6).
  2. 5 «плохих» частей JavaScript, которые исправлены в ES6
  3. Является ли «Класс» в ES6 новой «плохой» частью?

Улучшение терминала

  1. Как улучшить терминал — Пошаговое руководство с изображениями
  2. Совершенствуйте свой терминал «ZSH» в семи шагах — наглядное руководство

WWW

  1. Увлекательная и беспорядочная история Интернета и JavaScript

Виртуальный DOM

  1. Внутренняя работа виртуального DOM

Производительность React

  1. Два быстрых способа уменьшить размер программы React в производстве
  2. Использование Preact вместо React

Функциональное программирование

  1. JavaScript завершен по Turing — объяснение
  2. Функциональное программирование в JS – с практическими примерами (часть 1)
  3. Функциональное программирование в JS – с практическими примерами (часть 2)
  4. Почему Redux нуждается в том, чтобы редукторы были «чистыми функциями»

WebPack

  1. Webpack — непонятные части
  2. Webpack и горячая замена модуля [HMR] (под капотом)
  3. Webpack HMR и React-Hot-Loader – отсутствует руководство

Draft.js

  1. Почему Draft.js и почему вы должны внести вклад
  2. Как Draft.js представляет форматированные текстовые данные

React и Redux:

  1. Пошаговое руководство по созданию программ React Redux
  2. Руководство по созданию программы React Redux CRUD (3-страничное приложение)
  3. Использование промежуточного программного обеспечения в React Redux
  4. Добавление надежной формы для React Redux
  5. Защита приложений React Redux с помощью токенов JWT
  6. Обработка транзакционных электронных писем в программах React Redux
  7. Анатомия программы React Redux
  8. Почему Redux нуждается в том, чтобы редукторы были «чистыми функциями»
  9. Два быстрых способа уменьшить размер программы React в производстве

Если это было полезно, пожалуйста, щелкните хлопать? нажмите кнопку ниже несколько раз, чтобы выразить свою поддержку! ⬇⬇⬇ ??

Если у вас есть вопросы, пожалуйста, не стесняйтесь задать мне их в Twitter:

Добавить комментарий

Ваш адрес email не будет опубликован.