Джазирайте своя терминал „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. Активиране на "лигатура" подкрепа, така че, когато пишете стрелка => ;, изглежда като истински Пр о w →

Стъпка 1 - Инсталирайте ITerm2

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

Следващото видео показва някои от новите функции на т. 2 (v3).

За този блог ще използваме ITerm2. Когато споменавам „Терминал“, имам предвид ITerm2. Въпреки че стъпките са еднакви както за терминала, така и за ITerm2.

Стъпка 2 - Променете черупката на ZSH

Следващото видео показва защо ZSH е по-добър от просто bash shell.

Вариант 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. Ако не получите грешката, можете да пропуснете тази стъпка, защото вече сте я инсталирали.

XCode Developer CLI инструментите се използват от различни приложения, които манипулират основните функции на OSX. Затова не забравяйте да инсталирате инструментите на Xcode CLI, като изпълните следната команда.

$ xcode-select —-install

Забележка: Горната команда отваря инсталатора на Mac и инсталира инструментите на CLI за разработчици XCode. Ако не работи, опитайте xcode-select -rда нулирате.

3. Инсталирайте ZSH чрез Homebrew

Изпълнете следната команда, за да инсталирате ZSH. Инсталира се на /usr/local/bin/zshPS: ZSH по подразбиране на Mac е на/bin/zsh

brew install zsh

4. Използвайте Homebrew версията на 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“

„Oh My 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 и го отворете отново.

Тя трябва да изглежда нещо като по-долу. Забележете, че подканата се е променила и темата е малко по-различна - Това е „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 - Нека добавим тема, наречена „ Avit“

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

2. Променете темата на „Avit“

Тук можете да разгледате всички теми „Oh My ZSH“. За да промените темата, просто променете стойността на ZSH_THEME във ~ / .zshrc файл от robbyrussell на Avit .

3. Актуализирайте ZSH конфигурацията

Изпълнете следната команда, за да актуализирате конфигурацията.

$ source ~/.zshrc

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

Отворете ITerm2> Предпочитания> Профили> Цветове и променете черния цвят на фона, за да използвате 20% сиво, както е показано по-долу.

След това отворете Text> Change Font и променете размера на 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. Клонирайте репозитория на плъгина zsh-syntax-highlighting и го копирайте в директорията на приставки „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 Support

Има различни шрифтове, които помагат на операторите да харесват по-малко от, двойно равно, стрелка надясно, а не равно и така нататък да изглежда красиво. Например всеки път, когато въведете: =>, става: →.

За да го използваме, се нуждаем от шрифтове, които поддържат лигатури. Ние също трябва да го активираме в 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, Plugins, Themes, активирайте „лигатури“ за шрифта 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

React Performance

  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 и Redux:

  1. Ръководство стъпка по стъпка за изграждане на React Redux Apps
  2. Ръководство за изграждане на React Redux CRUD App ( приложение от 3 страници)
  3. Използване на Middlewares в React Redux Apps
  4. Добавяне на надеждна проверка на формуляра за реакция на Redux Apps
  5. Защита на React Redux Apps с JWT Tokens
  6. Обработка на транзакционни имейли в React Redux Apps
  7. Приложението Anatomy Of A React Redux
  8. Защо Redux се нуждаят от редуктори, за да бъдат „чисти функции“
  9. Два бързи начина за намаляване на размера на приложението React в производството

Ако това е било полезно, моля, щракнете върху пляскането? бутона отдолу няколко пъти, за да покажете вашата подкрепа! ⬇⬇⬇ ??

Ако имате въпроси, моля не се колебайте да ме попитате в Twitter: //twitter.com/rajaraodv