Джазуйте свій термінал “ZSH” за сім кроків - наочне керівництво

Джазуйте свій термінал “ZSH” за сім кроків - наочне керівництво

У цьому щоденнику я розповім про встановлення ITerm2, оболонки ZSH, “о, ZSH”, теми, кольорові схеми ITerm2, плагінів “о, ZSH” та включу підтримку “лігатури”, яка допоможе створити гарний та потужний термінал.

Якщо ви хочете просто зробити свій звичайний Баш-термінал потужним, загляньте до мого попереднього блогу: «Джазуйте свій Баш-термінал». Але 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. Включити «лігатури» підтримку так , коли ви пишете стрілка => ; це виглядає як реальний обр O ж →

Крок 1 - Встановіть ITerm2

Багато програмістів люблять ITerm2 замість терміналу за замовчуванням. Він схожий на термінал, але має безліч власних особливостей. Звичайно, він може запускати ZSH, Bash та інші оболонки всередині нього.

У наступному відео показано деякі нові функції пункту 2 (v3).

Для цього блогу ми використаємо ITerm2. Коли я згадую “Термінал”, я маю на увазі ITerm2. Хоча кроки однакові як для терміналу, так і для 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 //raw.githubusercontent.com/Homebrew/install/master/install)"

2. Якщо ви отримуєте Інструменти командного рядка для помилки Xcode, це означає, що ви не встановили інструменти CLI для Xcode. Якщо ви не отримали помилку, ви можете пропустити цей крок, оскільки він уже встановлений.

Інструменти CLI розробника XCode використовуються різними програмами, які маніпулюють основними функціями OSX. Тож обов’язково встановіть інструменти Xcode CLI, виконавши наступну команду.

$ xcode-select —-install

Примітка: Наведена вище команда відкриває інсталятор Mac і встановлює інструменти інтерфейсу командної консолі XCode Developer. Якщо це не працює, спробуйте xcode-select -rскинути налаштування.

3. Встановіть ZSH через Homebrew

Виконайте таку команду, щоб встановити ZSH. Він встановлюється на /usr/local/bin/zshPS: ZSH за замовчуванням для Mac/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, також використовують “Oh My ZSH”.
  1. Встановіть “Oh My ZSH”

Виконайте таку команду, щоб встановити “oh My ZSH”.

sh -c "$(curl -fsSL //raw.github.com/robbyrussell/oh-my-zsh/master/tools/install.sh)"

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

Це повинно виглядати приблизно так, як показано нижче. Зверніть увагу, що підказка змінилася, а тема дещо інша - це „О, мій ZSH” у дії для вас.

Крок 4 - Змінюйте теми та встановлюйте шрифти

На цьому кроці ми додамо дві різні теми "Oh My ZSH". “О, мій ZSH” поставляється з безліччю тем. PS: Але деякі теми потребують додаткових кроків, таких як встановлення певних шрифтів тощо.

Щоб встановити тему, просто відкрийте файл ~ / .zshrc (створений “Oh My ZSH”) і змініть тему, як показано нижче.

PS: .zshrc - це файл конфігурації оболонки ZSH. Людям, які не використовують “Oh My ZSH”, доведеться створити цей файл вручну та додати будь-які конфігурації самостійно. “Oh My ZSH” автоматично створює цей файл, якщо він не існує, а потім додає у нього власний набір конфігурацій.

Тема 1 - Додамо тему під назвою “ Avit”

  1. Відкрийте .zshrc
$ open ~/.zshrc

2. Змініть тему на “Avit”

Ви можете переглянути всі теми "Oh My ZSH" тут. Щоб змінити тему, просто змініть значення ZSH_THEME у файлі ~ / .zshrc з robbyrussell на Avit .

3. Оновіть конфігурацію ZSH

Виконайте таку команду, щоб оновити конфігурацію.

$ source ~/.zshrc

4. Змініть колір тла та розмір шрифту

Відкрийте ITerm2> Налаштування> Профілі> Кольори та змініть чорний колір фону на 20% сірий, як показано нижче.

Потім відкрийте Текст> Змінити шрифт і змініть розмір на 14pt.

Добре, давайте встановимо іншу тему, яка потребує шрифтів.

Тема 2 - Встановлення теми “agnoster” Oh My ZSH

Це популярна тема, оскільки вона емулює додаток Powerline Python, який покращує термінал. На наступному малюнку показано, як це виглядає. Але ця тема також потребує встановлення тем Powerline.

1. Встановіть шрифти Powerline

$ git clone //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. Усі шрифти закінчуються на "для Powerline" .

Відкрийте ITerm2 > Preferences > Profiles > Text > Change Fontта встановіть його на щось, що має "для Powerline". Я вибираю шрифт “Meslo LG DZ для Powerline” .

Примітка - Якщо вас бентежать шрифти та теми: теми призначені для “Oh My ZSH” та оболонки ZSH, а шрифти стосуються самого Iterm2.

5. Все зроблено

На цьому терміналі ваш термінал повинен виглядати нижче:

Крок 5 - Встановіть “кольорові схеми” iTerm2 (теми ITerm2)

Існує безліч чудових колірних схем для iTerm2. Ці схеми змінюють колір переднього плану, колір тла, колір курсору тощо. Ви можете знайти їх на iTerm2-кольорових схемах Github repo.

Примітка: Це лише кольорові схеми інтерфейсу ITerm2, і вони не стосуються зовнішнього вигляду командного рядка та стилю, схожого на теми “Oh My ZSH” (крім простої зміни кольорів).

Виконайте ці кроки, щоб встановити їх.

  1. Завантажте кольорові схеми iTerm2 у вигляді zip-файлу та витягніть його
  2. Папка "Схеми" містить усі файли кольорових схем - вони закінчуються на .itermcolors
  3. відчинено iTerm2 > Preferences > Profile > Colors > Color Presets > Import
  4. У вікні імпорту перейдіть до папки «Схеми» (з кроку 2)
  5. Виберіть усі файли, щоб ви могли імпортувати всі колірні схеми одночасно
  6. Просто виберіть будь-яку кольорову схему, яка вам подобається.
Мої улюблені - Бетмен та Аргонавт

Колірна схема Argonaut виглядає так:

Крок 6 - Встановіть плагіни

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

Примітка: У цьому розділі ми встановимо два різні плагіни, щоб продемонструвати, як вони працюють.

Плагін 1 - Додати плагін для підсвічування синтаксису

Плагін підсвічування синтаксису додає красиві кольори командам, які ви вводите, як показано нижче.

  1. Клонуйте репозиторій плагіна для виділення синтаксису та скопіюйте його до каталогу плагінів “Oh My ZSH”.
git clone //github.com/zsh-users/zsh-syntax-highlighting.git ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-syntax-highlighting

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

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

source ~/.zshrc

Плагін 2 - Додайте плагін ZSH-AutoSuggestion

Цей плагін автоматично пропонує будь-яку з попередніх команд. Дуже зручно! Щоб вибрати завершення, просто натисніть клавішу →.

  1. Встановіть плагін
git clone //github.com/zsh-users/zsh-autosuggestions $ZSH_CUSTOM/plugins/zsh-autosuggestions
PS: ZSH_CUSTOM вказує на ~ / .oh-my-zsh / custom

2. Відкрийте ~/.zshrcта додайте zsh-autosuggestions

Крок 7 - Використовуйте підтримку Ligature

Існують різні шрифти, які допомагають зробити операторам менше, подвійне дорівнює, стрілку вправо, а не дорівнює, і так далі виглядати красиво. Наприклад, кожного разу, коли ви вводите: =>, воно стає: →.

Для цього нам потрібні шрифти, що підтримують лігатури. Нам також потрібно включити його в ITerm2. FiraCode - один із таких шрифтів. Виконайте кроки, щоб встановити та ввімкнути лігатури.

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

Резюме

Ми багато висвітлювали в цьому блозі, починаючи від встановлення останньої ZSH через Homebrew, Oh My ZSH, плагіни, теми, увімкніть “лігатури” для шрифту FiraCode.

?? Дякую!

Якщо це було корисно, клацніть клацніть? кілька разів, щоб показати свою підтримку! ⬇⬇⬇ ??

Мої інші дописи

//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

Реагуйте на продуктивність

  1. Два швидких способи зменшити розмір програми React у виробництві
  2. Використання Preact замість React

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

  1. JavaScript Тьюрінга завершено - пояснено
  2. Функціональне програмування в JS - на практичних прикладах (частина 1)
  3. Функціональне програмування в JS - на практичних прикладах (частина 2)
  4. Навіщо Redux потрібні редуктори, щоб бути “чистими функціями”

WebPack

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

Draft.js

  1. Чому Draft.js та чому ви повинні робити свій внесок
  2. Як Draft.js представляє дані з текстовим текстом

React And Redux:

  1. Покроковий посібник зі створення React Redux Apps
  2. Посібник зі створення програми React Redux CRUD (програма на 3 сторінки)
  3. Використання проміжних програм у програмах React Redux
  4. Додавання надійної перевірки форми для реагування на програми Redux
  5. Захист програм React Redux за допомогою токенів JWT
  6. Обробка транзакційних електронних листів у програмах React Redux
  7. Додаток Anatomy Of a React Redux
  8. Навіщо Redux потрібні редуктори, щоб бути “чистими функціями”
  9. Два швидких способи зменшити розмір програми React у виробництві

Якщо це було корисно, клацніть клацніть? кілька разів, щоб показати свою підтримку! ⬇⬇⬇ ??

Якщо у вас є запитання, не соромтеся запитувати мене у Twitter: //twitter.com/rajaraodv