Jazz din “ZSH” -terminal op i syv trin - en visuel guide

I denne blog vil jeg dække installation af ITerm2, ZSH shell, "oh my ZSH", Temaer, ITerm2 farveskemaer, "oh my ZSH" plugins og aktivere "ligature" support til at skabe en smuk og kraftig terminal.

Hvis du bare vil gøre din almindelige Bash Terminal magtfuld, kan du se på min forrige blog: "Jazz Up Your Bash Terminal". Men ZSH forklarede i denne blog er mere magtfulde ting.

Resumé:

Vi dækker en masse ting. Dette kan være forvirrende, så her er resumeet af, hvad vi vil gøre.

  1. Installer ITerm2 - Dette er et bedre alternativ til standardterminalen
  2. Installer nyeste ZSH-shell - Dette er mere kraftfuldt end det almindelige bash-shell. Vi skifter ITerm2 til at bruge ZSH shell.
  3. Installer “Oh My ZSH” - Dette er et CLI-værktøj til let at konfigurere ZSH og tilføje temaer og plugins til ZSH
  4. Tilføj to typer temaer vha. ”Oh My ZSH” - nogle temaer har brug for ekstra trin, så vi vil dække begge dele
  5. Installer forskellige ITerm2-skemaer - Dette er kun farveskemaer til UI
  6. Tilføj to forskellige plugins ved hjælp af “Oh My ZSH” for at forbedre produktiviteten
  7. Aktivér "ligatur" support, så når du skriver en pil =>, vises den som en ægte pil →

Trin 1 - Installer ITerm2

En masse programmerere som ITerm2 i stedet for standardterminalen. Det ligner terminalen, men har masser af egne funktioner. Det kan selvfølgelig køre ZSH, Bash og andre skaller inde i det.

Den følgende video viser nogle af de nye funktioner i punkt 2 (v3).

Til denne blog bruger vi ITerm2. Når jeg nævner “Terminal”, mener jeg ITerm2. Selvom trinnene er de samme for både Terminal eller ITerm2.

Trin 2 - Skift skal til ZSH

Den følgende video viser, hvorfor ZSH er bedre end bare en bash shell.

Valgmulighed 1 - Brug Mac's egen ZSH:

Mac leveres med en ZSH out-of-the-box, så vi behøver ikke at installere den. Nogle gange er det dog en ældre version af ZSH. Typisk er det placeret ved / bin / zsh. For at bruge det er alt, hvad vi skal gøre, at skifte skal (chsh).

  1. Åbn terminalen (eller ITerm2), og skriv følgende kommando.
$ chsh -s $ (hvilket zsh)

2. Indtast adgangskoden, så ændrer den shell ved logout og login.

3. Log ud og log ind igen

4. For at teste skal du åbne terminalen og indtaste følgende, og den skal sige zsh.

$ ekko $ 0
zsh // skal returnere zsh

Valgmulighed 2 - Installer Homebrew og installer seneste ZSH via Homebrew

Denne mulighed er temmelig almindelig blandt brugere, fordi nogle af plugins kun fungerer med den nyeste ZSH.

Homebrew er simpelt sagt et kommandolinjeværktøj til alle slags software. Lad os installere det først.

  1. Installer Homebrew ved at køre følgende kommando.
ruby -e "$ (curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

2. Hvis du får kommandolinjeværktøjer til Xcode-fejl, betyder det, at du ikke har installeret CLI-værktøjer til Xcode. Hvis du ikke får fejlen, kan du springe dette trin over, fordi du allerede har det installeret.

XCode Developer CLI-værktøjer bruges af forskellige apps, der manipulerer centrale OSX-funktioner. Så sørg for at installere Xcode CLI-værktøjerne ved at køre følgende kommando.

$ xcode-vælg - installation

Bemærk: Ovenstående kommando åbner Mac's installationsprogram og installerer XCode Developer CLI-værktøjer. Hvis det ikke fungerer, kan du prøve xcode-select -r for at nulstille.

3. Installer ZSH via Homebrew

Kør følgende kommando for at installere ZSH. Det bliver installeret på / usr / local / bin / zsh PS: Mac's standard ZSH er på / bin / zsh

bryg installere zsh

4. Brug Homebrew-versionen af ​​ZSH

Kør følgende kommando. Du bliver bedt om at indtaste Mac's adgangskode.

chsh -s / usr / local / bin / zsh

5. Log ud og log ind igen.

6. Test om vi bruger ZSH og den rigtige ZSH

$ ekko $ 0
zsh // korrekt
$ hvilket zsh
/ usr / local / bin / zsh // korrekt

Trin 3 - “Oh My ZSH”

“Oh My ZSH” er et plugin, der kører oven på ZSH. Det giver standardkonfiguration for ZSH (~ / .zhrc-fil) og indeholder også temaer og flere funktioner.

Fra hvad jeg ved, bruger de fleste strømbrugere, der bruger ZSH, også ”Oh My ZSH”.
  1. Installer “Oh My ZSH”

Kør følgende kommando for at installere “oh My ZSH”.

sh -c "$ (curl -fsSL https://raw.github.com/robbyrussell/oh-my-zsh/master/tools/install.sh)"
Åh, min ZSH er installeret

2. Luk og luk ITerm2, og åbn den igen.

Det skal se ud som nedenfor. Bemærk, at prompten er ændret, og temaet er en smule anderledes - Det er "Oh My ZSH" i handling for dig.

Indledende Oh My ZSH Theme

Trin 4 - Skift temaer og installer skrifttyper

I dette trin tilføjer vi to forskellige ”Oh My ZSH” -temaer. “Oh My ZSH” kommer med masser af temaer. PS: Men nogle temaer har brug for ekstra trin som installation af specifikke skrifttyper og så videre.

For at indstille et tema skal du blot åbne ~ / .zshrc-fil (oprettet af "Oh My ZSH") og ændre temaet som vist nedenfor.

PS: .zshrc er konfigurationsfilen til ZSH shell. Mennesker, der ikke bruger “Oh My ZSH”, skal manuelt oprette denne fil og tilføje eventuelle konfigs selv. "Oh My ZSH" opretter automatisk denne fil, hvis den ikke findes, og tilføjer derefter sit eget sæt af configs til denne fil.

Tema 1 - Lad os tilføje et tema kaldet "Avit"

  1. Åben .zshrc
$ åben ~ / .zshrc

2. Skift temaet til “Avit”

Du kan gennemse alle ”Oh My ZSH” -temaer her. For at ændre temaet skal du blot ændre ZSH_THEME-værdien i ~ / .zshrc-filen fra robbyrussell til Avit.

3. Opdater ZSH-konfiguration

Kør følgende kommando for at opdatere konfigurationen.

$ kilde ~ / .zhrc
Din kommandoprompt i Avit Theme

4. Skift baggrundsfarve og skriftstørrelse

Åbn ITerm2> Præferencer> Profiler> Farver, og ændr den sorte baggrundsfarve for at bruge 20% grå som vist nedenfor.

Brug 20% ​​grå baggrund

Åbn derefter Tekst> Skift skrifttype, og skift størrelsen til 14pt.

Skift skrifttype til 14ptEn ren og smuk Iterm2 med ZSH!

OK, lad os installere et andet tema, der har brug for skrifttyper.

Tema 2 - Installation af “agnoster” Oh My ZSH tema

Dette er et populært tema, fordi det emulerer Powerline Python-appen, der forbedrer terminalen. Følgende billede viser, hvordan det ser ud. Men dette tema har også brug for os til at installere Powerline-temaer.

agnoster Oh My ZSH tema

1. Installer Powerline-skrifttyper

$ git-klon https://github.com/powerline/fonts.git
$ cd-skrifttyper
$ ./install.sh

2. Skift tema til “agnoster”

$ åben ~ / .zshrc
Indstil ZSH_THEME = "agnoster" og gem filen

3. Afslut ITerm2, og åbn den igen.

4. Indstil fontline til Powerline

Du kan indstille en hvilken som helst Powerline-patchet font, du kan lide. Alle skrifttyper slutter med “for Powerline”.

Åbn ITerm2> Præferencer> Profiler> Tekst> Skift skrifttype, og indstil det til noget, der har “til Powerline”. Jeg vælger font "Meslo LG DZ for Powerline".

Meslo LG DZ til Powerline Iterm2 font
Bemærk - Hvis du er forvirret over skrifttyper og temaer: Temaerne er til ”Oh My ZSH” og ZSH shell, og skrifttyperne er for selve Iterm2.

5. Alle færdig

På dette tidspunkt skal din terminal se ud som nedenfor:

Trin 5 - Installer iTerm2 “farveskemaer” (ITerm2 temaer)

Der er masser af smukke farveskemaer til iTerm2. Disse skemaer ændrer forgrundsfarve, baggrundsfarve, markørfarve og så videre. Du kan finde dem på iTerm2-farveskemaer Github-repo.

Bemærk: Dette er kun farveskemaer i ITerm2 UI og beskæftiger sig ikke med kommandopromptenes udseende og følelse af "Oh My ZSH" 's temaer (bortset fra kun at ændre farver).

Følg disse trin for at installere dem.

  1. Download iTerm2-farveskemaerne som en zip-fil, og tag den ud
  2. Mappen "Skemaer" indeholder alle farveskema-filer - de slutter med .farver
  3. Åbn iTerm2> Præferencer> Profil> Farver> Farveforudindstillinger> Import
  4. I importvinduet skal du navigere til mappen "Skemaer" (fra trin 2)
  5. Vælg alle filerne, så du kan importere alle farveskemaer på én gang
  6. Vælg blot det farveskema, du kan lide.
Mine favoritter er Batman og Argonaut
Batman Iterm2 Tema

Argonaut-farveskemaet ser ud som nedenfor:

Argonaut farveskema

Trin 6 - Installer plugins

Plugins tilføjer flere funktionaliteter til din arbejdsgang. Som standard har ”Oh My ZSH” allerede ”git” plugin! og det var derfor, du kunne se alle disse Git-statuser i anvisningerne i tidligere skærmbilleder. Lad os tilføje en anden for at se, hvordan det fungerer.

Bemærk: I dette afsnit installerer vi to forskellige plugins for at vise, hvordan de fungerer.

Plugin 1 - Tilføj Syntax Highlighting Plugin

Syntax Highlighting-plugin tilføjer smukke farver til de kommandoer, du skriver, som vist nedenfor.

  1. Klon det repo, som zsh-syntax-fremhæver, og kopier det til "Oh My ZSH" -plugins-biblioteket.
git klon https://github.com/zsh-users/zsh-syntax-highlighting.git $ {ZSH_CUSTOM: - ~ / .oh-my-zsh / custom} / plugins / zsh-syntax-highlighting

2. Aktivér plugin i ~ / .zshrc ved at tilføje `zsh-syntax-fremhævning til afsnittet Plugins som vist nedenfor.

Tilføj et nyt plugin i en ny linje i plugins-sektionen

3. Genlæs zshrc-konfigurationen

kilde ~ / .zshrc

Plugin 2 - Tilføj ZSH-AutoSuggestion Plugin

Dette plugin auto foreslår en af ​​de tidligere kommandoer. Temmelig praktisk! For at vælge færdiggørelsen skal du blot trykke på → -tasten.

  1. Installer plugin
git klon https://github.com/zsh-users/zsh-autosuggestions $ ZSH_CUSTOM / plugins / zsh-autosuggestions
PS: ZSH_CUSTOM peger på ~ / .oh-my-zsh / custom

2. Åbn ~ / .zshrc, og tilføj zsh-autosuggestions

Trin 7 - Brug ligaturunderstøttelse

Der er forskellige skrifttyper, der hjælper med at få operatører til at lide mindre end, dobbelt lig, højre pil, ikke lig, og så videre se smuk ud. For eksempel, hver gang du skriver: =>, bliver det: →.

For at bruge dette har vi brug for skrifttyper, der understøtter ligaturer. Vi er også nødt til at aktivere det i ITerm2. FiraCode er en sådan font. Følg trinnene for at installere og aktivere ligaturer.

  1. Download FiraCode-repoen, og ekstraher zip-filen (eller klon den)
  2. Åbn mappen dstr> ttf, og dobbeltklik på alle * .ttf-filer, og vælg knappen "Install font" for at installere hver af fontvariationerne.
  3. Naviger til ITerm2 | Præferencer Profiler | Tekst
  4. Vælg Brug Ligaturescheckbox
  5. Klik på Skift skrifttype, og vælg Fira Code Regular font

Resumé

Vi har dækket meget i denne blog, der starter med at installere seneste ZSH via Homebrew, Oh My ZSH, Plugins, Temaer, aktivere "ligaturer" til FiraCode-font.

Tak!

Hvis dette var nyttigt, skal du klikke på klappen knappen nedenunder et par gange for at vise din support! ⬇⬇⬇

Mine andre indlæg

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

ECMAScript 2015+

  1. Se disse nyttige ECMAScript 2015 (ES6) tip og tricks
  2. 5 JavaScript "dårlige" dele, der er faste i ES6
  3. Er “Klasse” i ES6 Den nye “dårlige” del?

Terminalforbedringer

  1. Sådan jazzes din terminal op - en trinvis vejledning med billeder
  2. Jazz din “ZSH” -terminal op i syv trin - en visuel guide

WWW

  1. En fascinerende og rodet historie på nettet og JavaScript

Virtuel DOM

  1. Indvendige funktioner i den virtuelle DOM

React Performance

  1. To hurtige måder til at reducere React-appens størrelse i produktionen
  2. Brug af Preact i stedet for React

Funktionel programmering

  1. JavaScript er turing komplet - forklaret
  2. Funktionel programmering i JS - med praktiske eksempler (del 1)
  3. Funktionel programmering i JS - med praktiske eksempler (del 2)
  4. Hvorfor Redux har brug for reduktionsmidler for at være "rene funktioner"

WebPack

  1. Webpack - De forvirrende dele
  2. Webpack & Hot Module Replacement [HMR] (under hætte)
  3. Webpack's HMR And React-Hot-Loader - Den manglende manual

Draft.js

  1. Hvorfor Draft.js og hvorfor du skal bidrage
  2. Hvordan Draft.js repræsenterer rich text data

React And Redux:

  1. Trin for trin guide til opbygning af React Redux-apps
  2. En guide til opbygning af en React Redux CRUD-app (app på 3 sider)
  3. Brug af Middlewares i React Redux-apps
  4. Tilføjelse af en robust formvalidering til at reagere Redux-apps
  5. Sikring af React Redux-apps med JWT-tokens
  6. Håndtering af transaktions-e-mails i React Redux-apps
  7. Anatomy Of A React Redux-app
  8. Hvorfor Redux har brug for reduktionsmidler for at være "rene funktioner"
  9. To hurtige måder til at reducere React-appens størrelse i produktionen

Hvis dette var nyttigt, skal du klikke på klappen knappen nedenfor et par gange for at vise din support! ⬇⬇⬇

Hvis du har spørgsmål, er du velkommen til at stille mig på Twitter: https://twitter.com/rajaraodv