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

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

I denne blog vil jeg dække installation af ITerm2, ZSH shell, “åh min ZSH”, Temaer, ITerm2 farveskemaer, “åh min ZSH” plugins og muliggør “ligatur” support for at hjælpe med at skabe en smuk og kraftfuld terminal.

Hvis du bare vil gøre din almindelige Bash Terminal kraftfuld, skal du kigge på min tidligere blog: "Jazz Up Your Bash Terminal". Men ZSH forklaret i denne blog er mere magtfulde ting.

Resumé:

Vi dækker mange ting. Dette kan være forvirrende, så her er resuméet af, hvad vi skal gøre.

  1. Installer ITerm2 - Dette er et bedre alternativ til standardterminalen
  2. Installer nyeste ZSH shell - Dette er mere kraftfuldt end den almindelige bash shell. Vi skifter ITerm2 til at bruge ZSH shell.
  3. Installer “Oh My ZSH“ - Dette er et CLI-værktøj til nemt at konfigurere ZSH og tilføje temaer og plugins til ZSH
  4. Tilføj to typer temaer ved hjælp af "Oh My ZSH" - nogle temaer har brug for ekstra trin, så vi dækker begge dele
  5. Installer forskellige ITerm2-ordninger - Dette er kun farveskemaer til brugergrænsefladen
  6. Tilføj to forskellige plugins ved hjælp af "Oh My ZSH" for at forbedre produktiviteten
  7. Aktiver ”ligatur” support, så når du skriver en pil => ; ser det ud som en rigtig arr o w →

Trin 1 - Installer ITerm2

Mange programmerere kan lide ITerm2 i stedet for standardterminalen. Det ligner terminalen, men har mange egne funktioner. Det kan naturligvis køre ZSH, Bash og andre skaller inde i det.

Følgende video viser nogle af de nye funktioner i Item 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 shell til ZSH

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

Mulighed 1 - Brug Macs egen ZSH:

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

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

2. Indtast adgangskoden, og den ændrer skallen ved logout og login.

3. Log af og log ind igen

4. For at teste skal du åbne terminalen og skrive følgende, og der skal stå zsh.

$ echo $0 zsh //should return zsh

Valgmulighed 2 - Installer Homebrew og installer nyeste ZSH via Homebrew

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

Homebrew, simpelthen sagt, er et kommandolinjeprogram til al slags software. Lad os installere det først.

  1. Installer Homebrew ved at køre følgende kommando.
ruby -e "$(curl -fsSL //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øjerne til Xcode. Hvis du ikke får fejlen, kan du springe dette trin over, fordi du allerede har den installeret.

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

$ xcode-select —-install

Bemærk: Ovenstående kommando åbner Macs installationsprogram og installerer XCode Developer CLI-værktøjer. Hvis det ikke virker, skal du prøve xcode-select -rat nulstille.

3. Installer ZSH via Homebrew

Kør følgende kommando for at installere ZSH. Det bliver installeret på /usr/local/bin/zshPS: Macs standard ZSH er kl/bin/zsh

brew install zsh

4. Brug Homebrew-versionen af ​​ZSH

Kør følgende kommando. Du bliver bedt om at indtaste Mac-adgangskoden.

chsh -s /usr/local/bin/zsh

5. Log ud og log ind igen.

6. Test om vi bruger ZSH og den korrekte ZSH

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

Trin 3 - “Åh min ZSH”

“Oh My ZSH” er et plugin, der kører oven på ZSH. Det giver standardkonfiguration til 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 //raw.github.com/robbyrussell/oh-my-zsh/master/tools/install.sh)"

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

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

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-filen (oprettet af “Oh My ZSH”) og ændre temaet som vist nedenfor.

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

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

  1. Åbn .zshrc
$ open ~/.zshrc

2. Skift tema til “Avit”

Du kan gennemse alle “Oh My ZSH” -temaerne 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.

$ source ~/.zshrc

4. Skift baggrundsfarve og skriftstørrelse

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

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

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

Tema 2 - Installation af “agnoster” Åh mit ZSH-tema

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

1. Installer Powerline-skrifttyper

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

2. Skift tema til “agnoster”

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

3. Afslut ITerm2, og åbn det igen.

4. Indstil Powerline-skrifttype

Du kan indstille enhver Powerline-patched skrifttype, du kan lide. Alle skrifttyper slutter med "til Powerline" .

Åbn ITerm2 > Preferences > Profiles > Text > Change Fontog indstil den til noget, der har “for Powerline”. Jeg vælger skrifttypen “Meslo LG DZ for Powerline” .

Bemærk - Hvis du er forvirret over skrifttyperne og temaerne: temaerne er til "Åh min ZSH" og ZSH-skal, og skrifttyperne er til selve Iterm2.

5. Alle udført

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 ordninger ændrer forgrundsfarven, baggrundsfarven, markørfarven og så videre. Du kan finde dem på iTerm2-farveskemaer Github repo.

Bemærk: Disse er kun farveskemaer af ITerm2 UI og behandler ikke kommandopromptens udseende og føles som "Oh My ZSH" 's temaer (bortset fra bare at ændre farver).

Følg disse trin for at installere dem.

  1. Download iTerm2-farveskemaerne som en zip-fil og udpak den
  2. Mappen "Ordninger" indeholder alle farveskema-filer - de slutter med .itermcolors
  3. Åben iTerm2 > Preferences > Profile > Colors > Color Presets > Import
  4. I importvinduet skal du navigere til mappen "Ordninger" (fra trin 2)
  5. Vælg alle filerne, så du kan importere alle farveskemaerne på én gang
  6. Vælg blot det farveskema, du kan lide.
Mine favoritter er Batman og Argonaut

Argonaut-farveskemaet ser ud som nedenfor:

Trin 6 - Installer plugins

Plugins tilføjer flere funktioner til din arbejdsgang. Som standard har "Oh My ZSH" allerede "git" plugin! og det var derfor, du var i stand til at se alle disse Git-statuser i prompterne i tidligere skærmbilleder. Lad os tilføje en til 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-pluginet tilføjer smukke farver til de kommandoer, du skriver, som vist nedenfor.

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

2. Aktivér pluginet ~/.zshrcved at tilføje ` zsh-syntax-highlightingtil sektionen Plugins som vist nedenfor.

3. Genlæs zshrc-konfigurationen

source ~/.zshrc

Plugin 2 - Tilføj ZSH-AutoSuggestion Plugin

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

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

2. Åbn ~/.zshrcog tilføj zsh-autosuggestions

Trin 7 - Brug ligaturstøtte

Der er forskellige skrifttyper, der hjælper med at få operatorer til at lide mindre end, dobbelt lig, højre pil, ikke lig med osv. Ser smukke ud. For eksempel, hver gang du skriver: =>, bliver det: →.

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

  1. Download FiraCode repo og udpak zip-filen (eller klon den)
  2. Åbn dstr > ttfmappen, og dobbeltklik på alle *.ttffilerne, og vælg knappen "Installer skrifttype" for at installere hver af skrifttypevarianterne.
  3. Naviger til ITerm2 | Preferences | Profiles | Text
  4. Marker Use Ligaturesafkrydsningsfelt
  5. Klik på Change Fontog vælg Fira Code Regularskrifttype

Resumé

Vi har dækket meget i denne blog startende fra installation af nyeste ZSH via Homebrew, Oh My ZSH, Plugins, Temaer, aktiver "ligaturer" til FiraCode-skrifttype.

?? Tak skal du have!

Hvis dette var nyttigt, skal du klikke på klappen? knappen nedenunder et par gange for at vise din støtte! ??

Mine andre indlæg

//medium.com/@rajaraodv/latest

ECMAScript 2015+

  1. Tjek disse nyttige ECMAScript 2015 (ES6) tip og tricks
  2. 5 JavaScript "dårlige" dele, der er løst i ES6
  3. Er "klasse" i ES6 den nye "dårlige" del?

Terminalforbedringer

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

WWW

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

Virtuel DOM

  1. Indre arbejde i den virtuelle DOM

Reager ydeevne

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

Funktionel programmering

  1. JavaScript er ved at blive afsluttet - 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-the-hood)
  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

Reager og redux:

  1. Trin for trin vejledning til opbygning af React Redux-apps
  2. En guide til opbygning af en React Redux CRUD-app (3-siders app)
  3. Brug af Middlewares i React Redux Apps
  4. Tilføjelse af en robust formvalidering for at reagere på Redux-apps
  5. Sikring af React Redux-apps med JWT-tokens
  6. Håndtering af transaktionsmails i React Redux-apps
  7. Anatomien af ​​en React Redux-app
  8. Hvorfor Redux har brug for reduktionsmidler for at være ”rene funktioner”
  9. To hurtige måder 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 støtte! ??

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