Jazz up your “ZSH” terminal u sedam koraka - Vizualni vodič

Jazz up your “ZSH” terminal u sedam koraka - Vizualni vodič

U ovom blogu pokazat ću instaliranje ITerm2, ZSH ljuske, "oh moj ZSH", teme, sheme boja ITerm2, dodataka "oh my ZSH" i omogućiti podršku "ligature" koja će vam pomoći u stvaranju lijepog i moćnog terminala.

Ako svoj redoviti Bash terminal želite učiniti samo moćnim, pogledajte moj prethodni blog: "Jazz Up Your Bash Terminal". Ali ZSH je na ovom blogu objasnio da su moćnije stvari.

Sažetak:

Pokrivat ćemo puno stvari. To može zbuniti, pa evo sažetka onoga što ćemo raditi.

  1. Instalirajte ITerm2 - Ovo je bolja alternativa zadanom terminalu
  2. Instalirajte najnoviju ZSH ljusku - Ovo je moćnije od uobičajene bash ljuske. Zamijenit ćemo ITerm2 za upotrebu ZSH ljuske.
  3. Instalirajte “Oh My ZSH“ - ovo je CLI alat za jednostavno konfiguriranje ZSH i dodavanje tema i dodataka u ZSH
  4. Dodajte dvije vrste tema pomoću "Oh My ZSH" - neke teme trebaju dodatne korake pa ćemo obraditi obje
  5. Instalirajte različite sheme ITerm2 - ovo su samo sheme boja za korisničko sučelje
  6. Dodajte dva različita dodatka pomoću "Oh My ZSH" za poboljšanje produktivnosti
  7. Omogući „ligatura” podršku pa kad pišete strelica => ;, čini se kao pravi ARR o w →

Korak 1 - Instalirajte ITerm2

Mnogo programera voli ITerm2 umjesto zadanog terminala. Sličan je terminalu, ali ima puno vlastitih značajki. U njemu se naravno mogu pokretati ZSH, Bash i druge ljuske.

Sljedeći video prikazuje neke od novih značajki stavke 2 (v3).

Za ovaj ćemo blog koristiti ITerm2. Kad spominjem “Terminal”, mislim na ITerm2. Iako su koraci jednaki i za terminal i za ITerm2.

Korak 2 - Promijenite ljusku u ZSH

Sljedeći video pokazuje zašto je ZSH bolji od obične bash ljuske.

1. opcija - upotrijebite Macov vlastiti ZSH:

Mac dolazi s ZSH-om, pa ga ne trebamo instalirati. Međutim, ponekad je riječ o starijoj verziji ZSH-a. Obično se nalazi na / bin / zsh. Da bismo ga koristili, sve što trebamo učiniti je promijeniti ljusku (chsh).

  1. Otvorite Terminal (ili ITerm2) i upišite sljedeću naredbu.
$ chsh -s $(which zsh)

2. Unesite lozinku i ona će promijeniti ljusku nakon odjave i prijave.

3. Odjava i ponovna prijava

4. Da biste testirali, otvorite terminal i upišite sljedeće, a na njemu bi trebalo pisati zsh.

$ echo $0 zsh //should return zsh

Opcija 2 - Instalirajte Homebrew i instalirajte najnoviji ZSH putem Homebrewa

Ova je opcija prilično česta među korisnicima jer neki dodaci rade samo s najnovijim ZSH-om.

Jednostavno rečeno, Homebrew je instalacijski program naredbenog retka za sve vrste softvera. Instalirajmo to prvo.

  1. Instalirajte Homebrew izvođenjem sljedeće naredbe.
ruby -e "$(curl -fsSL //raw.githubusercontent.com/Homebrew/install/master/install)"

2. Ako dobijete pogrešku Alati naredbenog retka za Xcode, znači da niste instalirali CLI alate za Xcode. Ako ne dobijete pogrešku, možete preskočiti ovaj korak jer ga već imate instaliran.

XCode Developer CLI alate koriste razne aplikacije koje manipuliraju osnovnim OSX značajkama. Stoga obavezno instalirajte Xcode CLI alate izvođenjem sljedeće naredbe.

$ xcode-select —-install

Napomena: Gornja naredba otvara Macov instalacijski program i instalira XCode Developer CLI alate. Ako ne uspije, pokušajte xcode-select -rresetirati.

3. Instalirajte ZSH putem Homebrew-a

Izvedite sljedeću naredbu da biste instalirali ZSH. Instalira se na /usr/local/bin/zshPS: Macov zadani ZSH je na/bin/zsh

brew install zsh

4. Upotrijebite homebrew verziju ZSH

Pokrenite sljedeću naredbu. Od vas će se zatražiti da unesete Mac lozinku.

chsh -s /usr/local/bin/zsh

5. Odjavite se i prijavite se ponovo.

6. Testirajte koristimo li ZSH i ispravan ZSH

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

Korak 3 - "Oh My ZSH"

"Oh My ZSH" dodatak je koji se izvodi na vrhu ZSH-a. Pruža zadane konfiguracije za ZSH (~ / .zhrc datoteka), a također nudi teme i više značajki.

Koliko znam, većina naprednih korisnika koji koriste ZSH također koriste "Oh My ZSH".
  1. Instalirajte “Oh My ZSH”

Pokrenite sljedeću naredbu za instaliranje "oh My ZSH".

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

2. Zatvorite i zatvorite ITerm2 i ponovno ga otvorite.

To bi trebalo izgledati otprilike dolje. Primijetite da se prompt promijenio i da je tema malo drugačija - to je za vas „Oh My ZSH“.

Korak 4 - Promijenite teme i instalirajte fontove

U ovom ćemo koraku dodati dvije različite teme "Oh My ZSH". "Oh My ZSH" dolazi s mnoštvom tema. PS: Ali neke teme trebaju dodatne korake poput instaliranja određenih fontova i tako dalje.

Da biste postavili temu, jednostavno otvorite datoteku ~ / .zshrc (koju je stvorio "Oh My ZSH") i promijenite temu kako je prikazano u nastavku.

PS: .zshrc je konfiguracijska datoteka za ZSH ljusku. Ljudi koji ne koriste "Oh My ZSH" morat će ručno stvoriti ovu datoteku i sami dodati sve konfiguracije. "Oh My ZSH" automatski kreira ovu datoteku ako ne postoji, a zatim dodaje vlastiti skup konfiguracija u ovu datoteku.

Tema 1 - Dodajmo temu pod nazivom „ Avit“

  1. Otvorite .zshrc
$ open ~/.zshrc

2. Promijenite temu u "Avit"

Ovdje možete pregledavati sve teme "Oh My ZSH". Da biste promijenili temu, jednostavno promijenite vrijednost ZSH_THEME u datoteci ~ / .zshrc iz robbyrussell u Avit .

3. Ažurirajte ZSH konfiguraciju

Izvršite sljedeću naredbu za ažuriranje konfiguracije.

$ source ~/.zshrc

4. Promijenite boju pozadine i veličinu fonta

Otvorite ITerm2> Postavke> Profili> Boje i promijenite crnu boju pozadine tako da koristi 20% sive boje kao što je prikazano dolje.

Zatim otvorite Tekst> Promijeni font i promijenite veličinu na 14pt.

U redu, instalirajmo drugu temu koja treba fontove.

Tema 2 - Instaliranje “agnoster” Oh My ZSH teme

Ovo je popularna tema jer oponaša aplikaciju Powerline Python koja poboljšava terminal. Sljedeća slika prikazuje kako izgleda. Ali i za ovu temu trebamo instalirati Powerline teme.

1. Instalirajte Powerline fontove

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

2. Promijenite temu u "agnoster"

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

3. Zatvorite ITerm2 i ponovno ga otvorite.

4. Postavite font Powerline

Možete postaviti bilo koji Powerline zakrpani font koji želite. Svi se fontovi završavaju s "for Powerline" .

Otvorite ITerm2 > Preferences > Profiles > Text > Change Fonti postavite ga na nešto što ima "za Powerline". Ja sam odabirom „Meslo LG DZ za Powerline” font.

Napomena - Ako ste zbunjeni fontovima i temama: Teme su za "Oh My ZSH" i ZSH ljusku, a fontovi su za sam Iterm2.

5. Sve gotovo

U ovom trenutku vaš Terminal bi trebao izgledati dolje:

Korak 5 - Instalirajte iTerm2 „sheme boja“ (ITerm2 teme)

Postoji mnogo prekrasnih shema boja za iTerm2. Te sheme mijenjaju boju prednjeg plana, boju pozadine, boju kursora i tako dalje. Možete ih pronaći na iTerm2-boja-sheme Github repo.

Napomena: Ovo su samo sheme boja korisničkog sučelja ITerm2 i ne bave se izgledom i osjećajem naredbenog retka poput tema "Oh My ZSH" (osim puke promjene boja).

Slijedite ove korake da biste ih instalirali.

  1. Preuzmite sheme boja iTerm2 kao zip datoteku i izvucite je
  2. Mapa "Sheme" sadrži sve datoteke sheme boja - one završavaju .itermcolors
  3. Otvoren iTerm2 > Preferences > Profile > Colors > Color Presets > Import
  4. U prozoru za uvoz dođite do mape "Sheme" (od koraka 2)
  5. Odaberite sve datoteke kako biste odjednom mogli uvesti sve sheme boja
  6. Jednostavno odaberite bilo koju shemu boja koja vam se sviđa.
Najdraži su mi Batman i Argonaut

Shema boja Argonauta izgleda dolje:

Korak 6 - Instalacija dodataka

Dodaci dodaju više funkcionalnosti vašem tijeku rada. Prema zadanim postavkama "Oh My ZSH" već ima dodatak "git"! i zato ste u prethodnim snimkama zaslona mogli vidjeti sve one Git statuse u uputama. Dodajmo još jedan da vidimo kako to funkcionira.

Napomena: U ovom ćemo odjeljku instalirati dva različita dodatka kako bismo pokazali kako rade.

Dodatak 1 - dodajte dodatak za isticanje sintakse

Dodatak za isticanje sintakse dodaje lijepe boje naredbama koje unosite, kao što je prikazano dolje.

  1. Klonirajte repo zsh-syntax-highlighting dodatka i kopirajte ga u direktorij dodataka "Oh My ZSH".
git clone //github.com/zsh-users/zsh-syntax-highlighting.git ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-syntax-highlighting

2. Aktivirajte dodatak ~/.zshrcdodavanjem ` zsh-syntax-highlightingu odjeljak Dodaci kao što je prikazano dolje.

3. Ponovo pročitajte konfiguraciju zshrc

source ~/.zshrc

Dodatak 2 - dodajte dodatak ZSH-AutoSuggestion

Ovaj dodatak automatski predlaže bilo koju od prethodnih naredbi. Prilično zgodno! Da biste odabrali završetak, jednostavno pritisnite tipku →.

  1. Instalirajte dodatak
git clone //github.com/zsh-users/zsh-autosuggestions $ZSH_CUSTOM/plugins/zsh-autosuggestions
PS: ZSH_CUSTOM pokazuje na ~ / .oh-my-zsh / custom

2. Otvorite ~/.zshrci dodajte zsh-autosugestije

Korak 7 - Koristite Ligature Support

Postoje razni fontovi koji pomažu operaterima da izgledaju manje, dvostruko jednako, strelica desno, a ne jednako i tako dalje izgledaju lijepo. Na primjer, svaki put kad upišete: =>, ono postaje: →.

Da bismo to koristili, trebaju nam fontovi koji podržavaju ligature. Također ga moramo omogućiti u ITerm2. FiraCode je jedan takav font. Slijedite korake za instaliranje i omogućavanje ligatura.

  1. Preuzmite FiraCode repo i izvucite zip datoteku (ili je klonirajte)
  2. Otvorite dstr > ttfmapu i dvaput kliknite sve *.ttfdatoteke i odaberite gumb "Instaliraj font" da biste instalirali svaku od varijacija fonta.
  3. Dođite do ITerm2 | Preferences | Profiles | Text
  4. Označite Use Ligaturespotvrdni okvir
  5. Kliknite Change Fonti odaberite Fira Code Regularfont

Sažetak

Puno smo obradili na ovom blogu, počevši od instaliranja najnovijeg ZSH-a putem Homebrew-a, Oh My ZSH, dodataka, tema, omogućite "ligature" za FiraCode font.

?? Hvala vam!

Ako je ovo bilo korisno, kliknite pljesak? gumb dolje nekoliko puta da pokažete svoju podršku! ⬇⬇⬇ ??

Moji drugi postovi

//medium.com/@rajaraodv/latest

ECMAScript 2015+

  1. Pogledajte ove korisne ECMAScript 2015 (ES6) savjete i trikove
  2. 5 JavaScript "loših" dijelova koji su popravljeni u ES6
  3. Je li „klasa“ u ES6 novi „loš“ dio?

Poboljšanja terminala

  1. Kako pojačati svoj terminal - vodič korak po korak sa slikama
  2. Jazz up your “ZSH” terminal u sedam koraka - Vizualni vodič

WWW

  1. Fascinantna i neuredna povijest weba i JavaScripta

Virtualni DOM

  1. Unutarnji rad virtualnog DOM-a

Reagirajte izvedbom

  1. Dva brza načina za smanjenje veličine aplikacije React u proizvodnji
  2. Korištenje Preact-a umjesto reagiranja

Funkcionalno programiranje

  1. JavaScript je Turingov cjelovit - objašnjen
  2. Funkcionalno programiranje u JS - s praktičnim primjerima (1. dio)
  3. Funkcionalno programiranje u JS - s praktičnim primjerima (2. dio)
  4. Zašto Reduxu trebaju reduktori da bi bili „čiste funkcije“

WebPack

  1. Webpack - zbunjujući dijelovi
  2. Zamjena webpacka i vrućeg modula [HMR] (ispod poklopca)
  3. Webpack-ov HMR i React-Hot-Loader - Priručnik koji nedostaje

Nacrt.js

  1. Zašto Draft.js i zašto biste trebali doprinijeti
  2. Kako Draft.js predstavlja obogaćene tekstualne podatke

Reagirajte i ponovite:

  1. Vodič korak po korak za izgradnju React Redux aplikacija
  2. Vodič za izgradnju React Redux CRUD aplikacije ( aplikacija na 3 stranice)
  3. Korištenje Middlewarea u React Redux aplikacijama
  4. Dodavanje robusne provjere valjanosti obrasca za reagiranje Redux aplikacija
  5. Osiguravanje React Redux aplikacija JWT tokenima
  6. Rukovanje transakcijskim e-porukama u React Redux aplikacijama
  7. Aplikacija Anatomy of a React Redux
  8. Zašto Reduxu trebaju reduktori da bi bili „čiste funkcije“
  9. Dva brza načina za smanjenje veličine aplikacije React u proizvodnji

Ako je ovo bilo korisno, kliknite pljesak? gumb ispod nekoliko puta da pokažete svoju podršku! ⬇⬇⬇ ??

Ako imate pitanja, slobodno me pitajte na Twitteru: //twitter.com/rajaraodv