de rajaraodv

Jazz Up Terminalul dvs „ZSH in sapte pasi Un

Jazz Up Terminalul dvs. „ZSH” în șapte pași – Un ghid vizual

În acest blog voi acoperi instalarea ITerm2, shell ZSH, „oh my ZSH”, Themes, scheme de culori ITerm2, plugin-uri „oh my ZSH” și voi permite suportul „ligature” pentru a ajuta la crearea unui terminal frumos și puternic.

Dacă doriți doar să vă faceți terminalul Bash regulat puternic, aruncați o privire la blogul meu anterior: „Jazz Up Your Bash Terminal”. Dar ZSH a explicat în acest blog că sunt lucruri mai puternice.

Rezumat:

Vom acoperi o mulțime de lucruri. Acest lucru poate fi confuz, deci iată rezumatul a ceea ce vom face.

  1. Instalați ITerm2 – Aceasta este o alternativă mai bună la terminalul implicit
  2. Instalați cel mai recent shell ZSH – Acesta este mai puternic decât shell-ul bash obișnuit. Vom schimba ITerm2 pentru a utiliza shell-ul ZSH.
  3. Instalați „Oh My ZSH“ – Acesta este un instrument CLI pentru a configura cu ușurință ZSH și pentru a adăuga teme și pluginuri la ZSH
  4. Adăugați două tipuri de teme folosind „Oh My ZSH” – unele teme au nevoie de pași suplimentari, așa că le vom acoperi pe amândouă
  5. Instalați diferite scheme ITerm2 – Acestea sunt doar scheme de culori pentru interfața de utilizare
  6. Adăugați două pluginuri diferite folosind „Oh My ZSH” pentru a îmbunătăți productivitatea
  7. Activați suportul „ligatură” deci atunci când scrieți o săgeată =>;, apare ca un adevărat arrow →
Jazz Up Terminalul dvs „ZSH in sapte pasi Un

Pasul 1 – Instalați ITerm2

O mulțime de programatori le place ITerm2 în locul terminalului implicit. Este similar cu terminalul, dar are o mulțime de caracteristici proprii. Desigur, poate rula ZSH, Bash și alte cochilii în interiorul său.

Următorul videoclip prezintă câteva dintre noile caracteristici ale articolului 2 (v3).

Pentru acest blog vom folosi ITerm2. Când menționez „Terminal”, mă refer la ITerm2. Deși pașii sunt aceiași atât pentru Terminal, fie pentru ITerm2.

Pasul 2 – Schimbați Shell în ZSH

Următorul videoclip arată de ce ZSH este mai bun decât doar un shell bash.

Opțiunea 1 – Utilizați propriul ZSH al Mac:

Mac-ul vine cu un ZSH out-of-the-box, deci nu este nevoie să îl instalăm. Cu toate acestea, uneori este o versiune mai veche a ZSH. De obicei se află la / bin / zsh. Pentru a-l utiliza, tot ce trebuie să facem este să schimbăm shell-ul (chsh).

  1. Deschideți terminalul (sau ITerm2) și tastați următoarea comandă.
$ chsh -s $(which zsh)

2. Introduceți parola și va schimba shell-ul, la deconectare și autentificare.

3. Deconectați-vă și reconectați-vă

4. Pentru a testa, deschideți Terminalul și tastați următoarele și ar trebui să spună zsh.

$ echo $0
zsh //should return zsh

Opțiunea 2 – Instalați Homebrew și instalați cel mai recent ZSH prin Homebrew

Această opțiune este destul de obișnuită în rândul utilizatorilor, deoarece unele dintre pluginuri funcționează numai cu cel mai recent ZSH.

Homebrew, pur și simplu spus, este un instalator de linie de comandă pentru tot felul de software. Să instalăm asta mai întâi.

  1. Instalați Homebrew executând următoarea comandă.
ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

2. Dacă primiți Instrumente de linie de comandă pentru eroare Xcode, înseamnă că nu ați instalat instrumentele CLI pentru Xcode. Dacă nu primiți eroarea, puteți sări peste acest pas, deoarece îl aveți deja instalat.

Instrumentele CLI pentru dezvoltatori XCode sunt utilizate de diferite aplicații care manipulează funcțiile OSX de bază. Deci, asigurați-vă că instalați instrumentele Xcode CLI executând următoarea comandă.

$ xcode-select —-install

Notă: Comanda de mai sus deschide programul de instalare Mac și instalează instrumentele CLI XCode Developer. Dacă nu funcționează, încercați xcode-select -r a reseta.

3. Instalați ZSH prin Homebrew

Rulați următoarea comandă pentru a instala ZSH. Se instalează la /usr/local/bin/zsh PS: ZSH implicit pentru Mac este la /bin/zsh

brew install zsh

4. Utilizați versiunea Homebrew a ZSH

Rulați următoarea comandă. Vi se va solicita să introduceți parola Mac.

chsh -s /usr/local/bin/zsh

5. Deconectați-vă și conectați-vă din nou.

6. Testați dacă folosim ZSH și ZSH corect

$ echo $0
zsh   //correct

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

Pasul 3 – „Oh My ZSH”

Jazz Up Terminalul dvs „ZSH in sapte pasi Un

„Oh My ZSH” este un plugin care rulează pe ZSH. Oferă configurare implicită pentru ZSH (fișier ~ / .zhrc) și oferă, de asemenea, teme și mai multe caracteristici.

Din ceea ce știu, majoritatea utilizatorilor puternici care folosesc ZSH folosesc și „Oh My ZSH”.

  1. Instalați „Oh My ZSH”

Rulați următoarea comandă pentru a instala „oh My ZSH”.

sh -c "$(curl -fsSL https://raw.github.com/robbyrussell/oh-my-zsh/master/tools/install.sh)"
1611557530 252 Jazz Up Terminalul dvs „ZSH in sapte pasi Un
Oh My ZSH este instalat

2. Închideți și părăsiți ITerm2 și redeschideți-l.

Ar trebui să arate cam ca mai jos. Observați că promptul s-a schimbat și tema este puțin diferită – Acesta este „Oh My ZSH” în acțiune pentru dvs.

1611557530 39 Jazz Up Terminalul dvs „ZSH in sapte pasi Un
Tema inițială Oh My ZSH

Pasul 4 – Schimbați temele și instalați fonturile

În acest pas, vom adăuga două teme diferite „Oh My ZSH”. „Oh My ZSH” vine cu tone de teme. PS: Dar unele teme au nevoie de pași suplimentari, cum ar fi instalarea unor fonturi specifice și așa mai departe.

Pentru a seta o temă, pur și simplu deschideți fișierul ~ / .zshrc (creat de „Oh My ZSH”) și schimbați tema așa cum se arată mai jos.

PS: .zshrc este fișierul de configurare pentru shell-ul ZSH. Oamenii care nu folosesc „Oh My ZSH” vor trebui să creeze manual acest fișier și să adauge singuri orice configurație. „Oh My ZSH” creează automat acest fișier dacă nu există și apoi adaugă propriul set de configuri în acest fișier.

Tema 1 – Să adăugăm o temă numită „Avit ”

  1. Deschideți .zshrc
$ open ~/.zshrc

2. Schimbați tema în „Avit”

Puteți răsfoi toate temele „Oh My ZSH” aici. Pentru a schimba tema, pur și simplu schimbați valoarea ZSH_THEME în fișierul ~ / .zshrc din robbyrussell la Avit.

1611557530 895 Jazz Up Terminalul dvs „ZSH in sapte pasi Un

3. Actualizați configurația ZSH

Rulați următoarea comandă pentru a actualiza config.

$ source ~/.zshrc
1611557530 155 Jazz Up Terminalul dvs „ZSH in sapte pasi Un
Promptul dvs. de comandă în Tema Avit

4. Schimbați culoarea de fundal și dimensiunea fontului

Deschideți ITerm2> Preferințe> Profiluri> Culori și schimbați culoarea neagră a fundalului pentru a utiliza 20% gri așa cum se arată mai jos.

1611557530 183 Jazz Up Terminalul dvs „ZSH in sapte pasi Un
Utilizați 20% fundal gri

Apoi deschideți Text> Schimbare font și schimbați dimensiunea la 14pt.

1611557530 46 Jazz Up Terminalul dvs „ZSH in sapte pasi Un
Schimbați fontul la 14pt
1611557530 373 Jazz Up Terminalul dvs „ZSH in sapte pasi Un
Un Iterm2 curat și frumos cu ZSH!

OK, să instalăm o altă temă care are nevoie de fonturi.

Tema 2 – Instalarea temei „agnoster” Oh My ZSH

Aceasta este o temă populară, deoarece emulează Linie de alimentare Aplicație Python care îmbunătățește terminalul. Următoarea imagine arată cum arată. Dar această temă are nevoie și de noi pentru a instala teme Powerline.

1611557530 941 Jazz Up Terminalul dvs „ZSH in sapte pasi Un
agnoster Oh My ZSH theme

1. Instalați Fonturi Powerline

$ git clone https://github.com/powerline/fonts.git
$ cd fonts
$ ./install.sh

2. Schimbați tema în „agnoster”

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

3. Părăsiți ITerm2 și redeschideți-l.

4. Setați fontul Powerline

Puteți seta orice font Powerline cu patch-uri care vă place. Toate fonturile se termină cu „Pentru Powerline”.

Deschis ITerm2 > Preferences > Profiles > Text > Change Font și setați-l la ceva care are „pentru Powerline”. Eu aleg „Meslo LG DZ pentru Powerline” font.

1611557530 796 Jazz Up Terminalul dvs „ZSH in sapte pasi Un
Meslo LG DZ pentru fontul Powerline Iterm2

Notă – Dacă sunteți confuz cu privire la fonturi și teme: temele sunt pentru „Oh My ZSH” și shell-ul ZSH, iar fonturile sunt pentru Iterm2 în sine.

5. Toate gata

În acest moment, terminalul dvs. ar trebui să arate ca mai jos:

1611557530 941 Jazz Up Terminalul dvs „ZSH in sapte pasi Un

Pasul 5 – Instalați „scheme de culori” iTerm2 (teme ITerm2)

Există o mulțime de scheme de culori superbe pentru iTerm2. Aceste scheme schimbă culoarea din prim-plan, culoarea de fundal, culoarea cursorului și așa mai departe. Le puteți găsi la Scheme de culori iTerm2 Repo Github.

Notă: acestea sunt doar scheme de culori ale interfeței ITerm2 și nu se ocupă de aspectul promptului de comandă ca temele „Oh My ZSH” (altele decât schimbarea culorilor).

Urmați acești pași pentru a le instala.

  1. Descărcați fișierul Scheme de culori iTerm2 ca fișier zip și extrageți-l
  2. Dosarul „Scheme” conține toate fișierele de scheme de culori – acestea se termină cu .itermcolors
  3. Deschis iTerm2 > Preferences > Profile > Colors > Color Presets > Import
  4. În fereastra de import, navigați la folderul „Scheme” (de la pasul 2)
  5. Selectați toate fișierele, astfel încât să puteți importa toate schemele de culori simultan
  6. Pur și simplu selectați schema de culori dorită.

Preferatele mele sunt Batman și argonaut

1611557530 756 Jazz Up Terminalul dvs „ZSH in sapte pasi Un
Tema Batman Iterm2

Schema de culori Argonaut arată ca mai jos:

1611557530 150 Jazz Up Terminalul dvs „ZSH in sapte pasi Un
Schema de culori Argonaut

Pasul 6 – Instalați pluginuri

Pluginurile adaugă mai multe funcționalități fluxului dvs. de lucru. În mod implicit, „Oh My ZSH” are deja pluginul „git”! și de aceea ați putut vedea toate acele stări Git în instrucțiunile din capturile de ecran anterioare. Să adăugăm altul pentru a vedea cum funcționează.

Notă: În această secțiune, vom instala două pluginuri diferite pentru a arăta cum funcționează.

Plugin 1 – Adăugați un plugin de evidențiere a sintaxei

Pluginul de evidențiere a sintaxei adaugă culori frumoase comenzilor pe care le tastați, așa cum se arată mai jos.

1611557530 394 Jazz Up Terminalul dvs „ZSH in sapte pasi Un
  1. Clonați repo-ul pluginului zsh-syntax-highlighting și copiați-l în directorul de pluginuri „Oh My ZSH”.
git clone https://github.com/zsh-users/zsh-syntax-highlighting.git ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-syntax-highlighting

2. Activați pluginul în ~/.zshrc prin adăugarea `zsh-syntax-highlighting la secțiunea Plugins așa cum se arată mai jos.

1611557530 84 Jazz Up Terminalul dvs „ZSH in sapte pasi Un
Adăugați un nou plugin într-o nouă linie în secțiunea de pluginuri

3. Recitiți configurația zshrc

source ~/.zshrc

Plugin 2 – Adăugați un plugin ZSH-AutoSuggestion

Acest plugin auto sugerează oricare dintre comenzile anterioare. Destul de la îndemână! Pentru a selecta finalizarea, pur și simplu apăsați tasta →.

1611557531 674 Jazz Up Terminalul dvs „ZSH in sapte pasi Un
  1. Instalați pluginul
git clone https://github.com/zsh-users/zsh-autosuggestions $ZSH_CUSTOM/plugins/zsh-autosuggestions

PS: ZSH_CUSTOM indică spre ~ / .oh-my-zsh / custom

2. Deschideți ~/.zshrc și adăugați zsh-autosuggestions

1611557531 568 Jazz Up Terminalul dvs „ZSH in sapte pasi Un

Pasul 7 – Utilizați suportul ligaturii

Există diverse fonturi care ajută operatorii să arate frumos, cum ar fi mai puțin decât, dublu egal, săgeată dreapta, nu egal, etc. De exemplu, de fiecare dată când tastați: =>, devine: →.

1611557531 66 Jazz Up Terminalul dvs „ZSH in sapte pasi Un

Pentru a utiliza acest lucru, avem nevoie de fonturi care acceptă ligaturi. De asemenea, trebuie să-l activăm în ITerm2. FiraCode este un astfel de font. Urmați pașii pentru instalarea și activarea ligaturilor.

  1. Descărcați fișierul FiraCode repo și extrageți fișierul zip (sau clonați-l)
  2. Deschide dstr > ttf folder și faceți dublu clic pe toate *.ttf fișiere și selectați butonul „Instalare font” pentru a instala fiecare variantă de font.
  3. Navigheaza catre ITerm2 | Preferences | Profiles | Text
  4. Selectați Use LigaturesCaseta de bifat
  5. Click pe Change Font și selectați Fira Code Regular font
1611557531 800 Jazz Up Terminalul dvs „ZSH in sapte pasi Un

rezumat

Am acoperit multe în acest blog începând de la instalarea celor mai recente ZSH prin Homebrew, Oh My ZSH, Plugins, Themes, activați „ligaturile” pentru fontul FiraCode.

?? Mulțumesc!

Dacă acest lucru a fost util, faceți clic pe clap? butonul de mai jos de câteva ori pentru a vă arăta sprijinul! ⬇⬇⬇ ??

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

ECMAScript 2015+

  1. Consultați aceste sfaturi și trucuri utile ECMAScript 2015 (ES6)
  2. 5 Părți JavaScript „rele” care sunt remediate în ES6
  3. Este „Clasa” în ES6 Noua parte „Rău”?

Îmbunătățiri terminale

  1. Cum să-ți asculti terminalul – Un ghid pas cu pas cu imagini
  2. Jazz Up Terminalul dvs. „ZSH” în șapte pași – Un ghid vizual

WWW

  1. O istorie fascinantă și dezordonată a webului și a JavaScript-ului

DOM virtual

  1. Funcționarea interioară a DOM-ului virtual

React Performance

  1. Două modalități rapide de a reduce dimensiunea aplicației React în producție
  2. Utilizarea Preact în loc de React

Programare funcțională

  1. JavaScript este complet Turing – Explicat
  2. Programare funcțională în JS – cu exemple practice (partea 1)
  3. Programare funcțională în JS – cu exemple practice (partea 2)
  4. De ce Reduxul are nevoie ca Reductorii să fie „Funcții pure”

WebPack

  1. Webpack – Piesele confuze
  2. Înlocuirea modulului Webpack și Hot [HMR] (sub capotă)
  3. Webpack HMR și React-Hot-Loader – Manualul lipsă

Draft.js

  1. De ce Draft.js și de ce ar trebui să contribuiți
  2. Cum reprezintă Draft.js datele cu text îmbogățit

React and Redux:

  1. Ghid pas cu pas pentru construirea aplicațiilor React Redux
  2. Un ghid pentru construirea unei aplicații React Redux CRUD (Aplicație de 3 pagini)
  3. Utilizarea Middlewares în aplicațiile React Redux
  4. Adăugarea unei validări de formulare robuste pentru a reacționa aplicațiile Redux
  5. Securizarea aplicațiilor React Redux cu jetoane JWT
  6. Gestionarea e-mailurilor tranzacționale în aplicațiile React Redux
  7. Aplicația Anatomy of a React Redux
  8. De ce Reduxul are nevoie ca Reductorii să fie „Funcții pure”
  9. Două modalități rapide de a reduce dimensiunea aplicației React în producție

Dacă acest lucru a fost util, faceți clic pe clap? butonul de mai jos de câteva ori pentru a vă arăta sprijinul! ⬇⬇⬇ ??

Dacă aveți întrebări, nu ezitați să mă întrebați pe Twitter: https://twitter.com/rajaraodv