Jazz fel „ZSH” terminálját hét lépésben - vizuális útmutató

Programozás

Jazz fel „ZSH” terminálját hét lépésben - vizuális útmutató

Ebben a blogban kitérek az ITerm2, a ZSH shell, az „oh my ZSH”, a témák, az ITerm2 színvilágának, az „oh my ZSH” bővítményeinek telepítésére, és lehetővé teszem a „ligature” támogatást, hogy elősegítsen egy gyönyörű és hatékony terminál létrehozását.

Ha csak azt akarja, hogy a szokásos Bash Terminal erőteljes legyen, nézze meg előző blogomat: „Jazz Up Your Bash Terminal”. De a ZSH ebben a blogban kifejtette, hogy erősebb dolog.

Összegzés:

Sok mindenről kitérünk. Ez zavaró lehet, ezért íme az összefoglalás arról, hogy mit fogunk csinálni.

  1. Az ITerm2 telepítése - Ez egy jobb alternatíva az alapértelmezett terminálhoz
  2. Telepítse a legújabb ZSH shell-t - Ez erősebb, mint a szokásos bash shell. Átállítjuk az ITerm2-t a ZSH shell használatára.
  3. Az „Oh My ZSH“ telepítése - Ez egy CLI eszköz a ZSH egyszerű beállításához, valamint témák és bővítmények hozzáadásához a ZSH-hoz
  4. Kétféle témát adjon hozzá az „Oh My ZSH” használatával - néhány témához további lépésekre van szükség, így mindkettőre kiterjedünk
  5. Különböző ITerm2-sémák telepítése - Ezek csak a felhasználói felület színösszeállításai
  6. Adjon hozzá két különböző plugint az „Oh My ZSH” használatával a termelékenység növelése érdekében
  7. Engedélyezze a „ligatúra” támogatást, így amikor egy nyílot írunk => ;, akkor az valódi arr o w → -nak tűnik

1. lépés - Telepítse az ITerm2 szoftvert

Sok programozó kedveli az alapértelmezett terminál helyett az ITerm2-t. Hasonló a terminálhoz, de rengeteg sajátossággal rendelkezik. Természetesen képes futtatni a benne lévő ZSH-t, Bash-t és más héjakat.

A következő videó a 2. tétel (v3) néhány új funkcióját mutatja be.

Ehhez a bloghoz az ITerm2-t fogjuk használni. Amikor a „Terminált” említem, akkor az ITerm2-re gondolok. Bár a lépések mind a terminál, mind az ITerm2 esetében megegyeznek.

2. lépés - Cserélje a Shell-t ZSH-ra

A következő videó bemutatja, miért jobb a ZSH, mint egy bash shell.

1. lehetőség - Használja a Mac saját ZSH-ját:

A Mac-hez egy ZSH van mellékelve, ezért nem kell telepítenünk. Néha azonban a ZSH régebbi verziója. Általában a / bin / zsh helyen található. Használatához csak a shell (chsh) cseréjére van szükségünk.

  1. Nyissa meg a terminált (vagy az ITerm2-t), és írja be a következő parancsot.
$ chsh -s $(which zsh)

2. Írja be a jelszót, és kijelentkezéskor és bejelentkezéskor megváltoztatja a héjat.

3. Kijelentkezés és újbóli bejelentkezés

4. A teszteléshez nyissa meg a terminált, írja be a következőket, és a zsh feliratot kell írnia.

$ echo $0 zsh //should return zsh

2. lehetőség - Telepítse a Homebrew-t és telepítse a legújabb ZSH-t a Homebrew-n keresztül

Ez a lehetőség meglehetősen gyakori a felhasználók körében, mert egyes bővítmények csak a legújabb ZSH-val működnek.

A Homebrew egyszerűen csak parancssoros telepítő mindenféle szoftverhez. Telepítsük először.

  1. Telepítse a Homebrew szoftvert a következő parancs futtatásával.
ruby -e "$(curl -fsSL //raw.githubusercontent.com/Homebrew/install/master/install)"

2. Ha parancssori eszközöket kap az Xcode hibához, ez azt jelenti, hogy nem telepítette az Xcode CLI eszközeit. Ha nem kapja meg a hibát, kihagyhatja ezt a lépést, mert már telepítve van.

Az XCode Developer CLI eszközöket különböző alkalmazások használják, amelyek manipulálják az OSX alapvető szolgáltatásait. Ezért feltétlenül telepítse az Xcode CLI eszközöket a következő parancs futtatásával.

$ xcode-select —-install

Megjegyzés: A fenti parancs megnyitja a Mac telepítőjét, és telepíti az XCode Developer CLI eszközöket. Ha nem működik, próbálja xcode-select -rmeg visszaállítani.

3. Telepítse a ZSH-t a Homebrew-n keresztül

A ZSH telepítéséhez futtassa a következő parancsot. /usr/local/bin/zshPS-re települ : a Mac alapértelmezett ZSH címe/bin/zsh

brew install zsh

4. Használja a ZSH homebrew változatát

Futtassa a következő parancsot. A rendszer kéri a Mac jelszavának megadását.

chsh -s /usr/local/bin/zsh

5. Jelentkezzen ki és jelentkezzen be újra.

6. Ellenőrizze, hogy a ZSH-t és a megfelelő ZSH-t használjuk-e

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

3. lépés - „Ó, ZSH”

Az „Oh My ZSH” egy plugin, amely a ZSH tetején fut. Alapértelmezett konfigurációt biztosít a ZSH számára (~ / .zhrc fájl), valamint témákat és további szolgáltatásokat is kínál.

Tudomásom szerint a legtöbb ZSH-t használó energiafelhasználó az „Oh My ZSH” -t is használja.
  1. Telepítse az „Oh My ZSH” alkalmazást

Az „oh My ZSH” telepítéséhez futtassa a következő parancsot.

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

2. Zárja be, lépjen ki az ITerm2-ből, majd nyissa meg újra.

Valami olyannak kell kinéznie, mint alább. Figyelje meg, hogy a prompt megváltozott, és a téma egy kicsit más - ez az „Oh My ZSH” az Ön számára.

4. lépés - Témák módosítása és betűtípusok telepítése

Ebben a lépésben két különböző „Oh My ZSH” témát adunk hozzá. Az „Oh My ZSH” temérdek témával érkezik. PS: De egyes témáknak további lépésekre van szükségük, például bizonyos betűtípusok telepítéséhez stb.

Téma beállításához egyszerűen nyissa meg a ~ / .zshrc fájlt (amelyet az „Oh My ZSH” készített), és változtassa meg a témát az alábbiak szerint.

PS: .zshrc a ZSH shell konfigurációs fájlja. Azoknak az embereknek, akik nem használják az „Oh My ZSH” funkciót, manuálisan kell létrehozniuk ezt a fájlt, és maguknak hozzáadniuk a konfigurációkat. Az „Oh My ZSH” automatikusan létrehozza ezt a fájlt, ha még nem létezik, majd hozzáadja saját konfigurációs készletét ehhez a fájlhoz.

1. téma - Adjunk hozzá egy „ Avit” nevű témát

  1. Nyissa meg a .zshrc fájlt
$ open ~/.zshrc

2. Változtassa meg a témát „Avit” -re

Itt böngészhet az összes „Oh My ZSH” témában. A téma megváltoztatásához egyszerűen változtassa meg a ~ / .zshrc fájl ZSH_THEME értékét robbyrussell- ről Avit-re .

3. Frissítse a ZSH konfigurációt

A konfiguráció frissítéséhez futtassa az alábbi parancsot.

$ source ~/.zshrc

4. Módosítsa a háttér színét és a betűméretet

Nyissa meg az ITerm2> Beállítások> Profilok> Színek elemet, és változtassa meg a háttér fekete színét úgy, hogy 20% szürke színű legyen, az alábbiak szerint.

Ezután nyissa meg a Szöveg> Betűtípus módosítása elemet, és változtassa meg a méretét 14pt-re.

OK, telepítsünk egy másik témát, amely betűtípusokat igényel.

2. téma - Az „agnoster” Oh My ZSH téma telepítése

Ez egy népszerű téma, mert a Powerline Python alkalmazást emulálja, amely tovább fejleszti a terminált. A következő kép mutatja, hogyan néz ki. De ehhez a témához a Powerline témák telepítéséhez is szükségünk van.

1. Telepítse a Powerline betűtípusokat

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

2. Változtassa a témát „agnoster” -re

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

3. Lépjen ki az ITerm2-ből és nyissa meg újra.

4. Állítsa be a Powerline betűtípust

Beállíthat bármely tetszőleges Powerline javított betűtípust. Az összes betűkészlet a „for Powerline” betűvel végződik .

Nyissa meg, ITerm2 > Preferences > Profiles > Text > Change Fontés állítsa be valamire, amely rendelkezik a „Powerline-hoz”. A „Meslo LG DZ for Powerline” betűtípust választom.

Megjegyzés - Ha zavart a betűtípusok és a témák miatt: a témák az „Oh My ZSH” és a ZSH shell-hez, a betűkészletek pedig magához az Iterm2-hez.

5. Minden kész

Ezen a ponton a terminálnak az alábbiak szerint kell kinéznie:

5. lépés - Telepítse az iTerm2 „színvilágát” (ITerm2 témák)

Rengeteg gyönyörű színösszeállítás található az iTerm2 számára. Ezek a sémák megváltoztatják az előtér színét, a háttér színét, a kurzor színét és így tovább. Megtalálhatja őket az iTerm2-színsémák Github repo oldalán.

Megjegyzés: Ezek csak az ITerm2 felhasználói felület színösszeállításai, és nem foglalkoznak a parancssor megjelenésével és érzésével, mint az „Oh My ZSH” témákkal (a színváltáson kívül).

Kövesse ezeket a lépéseket a telepítéshez.

  1. Töltse le az iTerm2-színsémákat zip fájlként, és bontsa ki
  2. A „Sémák” mappa tartalmazza az összes színösszeállítási fájlt - ezek végződnek .itermcolors
  3. Nyisd ki iTerm2 > Preferences > Profile > Colors > Color Presets > Import
  4. Az importálás ablakában lépjen a „Sémák” mappába (a 2. lépéstől)
  5. Jelölje ki az összes fájlt, így egyszerre importálhatja az összes színvilágot
  6. Egyszerűen válassza ki a kívánt színvilágot.
A kedvenceim Batman és Argonaut

Az Argonaut színvilága az alábbiak szerint néz ki:

6. lépés - Telepítse a bővítményeket

A beépülő modulok több funkcióval bővítik a munkafolyamatot. Alapértelmezés szerint az „Oh My ZSH” már rendelkezik a „git” pluginnal! és ezért láthatta mindazokat a Git állapotokat a korábbi képernyőképekben megjelenő útmutatásokban. Tegyünk hozzá még egyet, hogy lássuk, hogyan működik.

Megjegyzés: Ebben a szakaszban két különböző beépülő modult telepítünk, hogy bemutassuk működésüket.

1. plugin - Szintaxis kiemelő bővítmény hozzáadása

A Syntax Highlighting plugin gyönyörű színeket ad a gépelt parancsokhoz az alábbiak szerint.

  1. Klónozza meg az zsh-syntax-highlighting plugin repo-ját, és másolja át az „Oh My ZSH” bővítmények könyvtárába.
git clone //github.com/zsh-users/zsh-syntax-highlighting.git ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-syntax-highlighting

2. Aktiválja a beépülő modult úgy, ~/.zshrchogy hozzáadja az ` zsh-syntax-highlightingelemet a Plugins részhez, az alábbiak szerint.

3. Olvassa el újra a zshrc konfigurációt

source ~/.zshrc

2. plugin - Adja hozzá a ZSH-AutoSuggestion plugint

Ez a beépülő modul automatikusan javasolja az előző parancsok bármelyikét. Elég praktikus! A befejezés kiválasztásához egyszerűen nyomja meg a → gombot.

  1. Telepítse a bővítményt
git clone //github.com/zsh-users/zsh-autosuggestions $ZSH_CUSTOM/plugins/zsh-autosuggestions
PS: A ZSH_CUSTOM a ~ / .oh-my-zsh / custom pontra mutat

2. Nyissa meg ~/.zshrcés adjon hozzá zsh-autosuggestions-t

7. lépés - Használja a Ligature támogatást

Különböző betűtípusok segítenek abban, hogy az olyan operátorok, mint a kevesebb, kettős egyenlő, jobbra nyíl, nem egyenlő stb., Gyönyörűnek tűnjenek. Például minden alkalommal, amikor beírja a következőt: =>, ez lesz: →.

Ennek használatához olyan betűtípusokra van szükségünk, amelyek támogatják a ligatúrákat. Engedélyeznünk kell az ITerm2-ben is. A FiraCode egy ilyen betűtípus. Kövesse a lépéseket a ligatúrák telepítéséhez és engedélyezéséhez.

  1. Töltse le a FiraCode repót, és bontsa ki a zip fájlt (vagy klónozza)
  2. Nyissa meg a dstr > ttfmappát, és kattintson duplán az összes *.ttffájlra, majd az egyes betűvariációk telepítéséhez kattintson a „Betűtípus telepítése” gombra.
  3. Navigáljon ide ITerm2 | Preferences | Profiles | Text
  4. Jelölje be a Use Ligaturesjelölőnégyzetet
  5. Kattintson a gombra, Change Fontés válassza ki a Fira Code Regularbetűtípust

Összegzés

Sokat foglalkoztunk ebben a blogban, kezdve a legújabb ZSH telepítésével a Homebrew, Oh My ZSH, Plugins, Themes segítségével, lehetővé téve a „ligatúrákat” a FiraCode betűtípushoz.

?? Köszönöm!

Ha ez hasznos volt, kattintson a tapsra? gombot néhányszor lejjebb, hogy megmutassa támogatását! ⬇⬇⬇ ??

Egyéb hozzászólásaim

//medium.com/@rajaraodv/latest

ECMAScript 2015+

  1. Nézze meg ezeket a hasznos ECMAScript 2015 (ES6) tippeket és trükköket
  2. 5 JavaScript „rossz” alkatrész, amelyek javítva vannak az ES6-ban
  3. Az ES6 „osztálya” az új „rossz” rész?

Terminál fejlesztések

  1. Hogyan keltsd fel a terminált - lépésről lépésre útmutató képekkel
  2. Jazz fel „ZSH” terminálját hét lépésben - vizuális útmutató

WWW

  1. A web és a JavaScript lenyűgöző és rendetlen története

Virtuális DOM

  1. A virtuális DOM belső működése

React Performance

  1. Két gyors módszer a React App méretének csökkentésére a gyártásban
  2. A React helyett az Preact használata

Funkcionális programozás

  1. A JavaScript befejeződik - elmagyarázva
  2. Funkcionális programozás JS-ben - gyakorlati példákkal (1. rész)
  3. Funkcionális programozás JS-ben - gyakorlati példákkal (2. rész)
  4. Miért van szükség a Redux reduktoraira, hogy „tiszta funkciók” legyenek

WebPack

  1. Webpack - A zavaró alkatrészek
  2. Webcsomag és forró modul cseréje [HMR] (a motorháztető alatt)
  3. A Webpack HMR és React-Hot-Loader - hiányzik a kézikönyve

Draft.js

  1. Miért kell a Draft.js és miért kell hozzájárulnia
  2. A Draft.js hogyan jeleníti meg a gazdag szöveges adatokat

React és Redux:

  1. Lépésről lépésre útmutató a React Redux alkalmazások felépítéséhez
  2. Útmutató a React Redux CRUD alkalmazás felépítéséhez (3 oldalas alkalmazás)
  3. Középáruk használata a React Redux alkalmazásokban
  4. Robusztus űrlapellenőrzés hozzáadása a Redux alkalmazások reagálásához
  5. A React Redux alkalmazások biztosítása JWT tokenekkel
  6. Tranzakciós e-mailek kezelése a React Redux alkalmazásokban
  7. A React Redux alkalmazás anatómiája
  8. Miért van szükség a Redux reduktoraira, hogy „tiszta funkciók” legyenek
  9. Két gyors módszer a React App méretének csökkentésére a gyártásban

Ha ez hasznos volt, kattintson a tapsra? gombot néhányszor, hogy megmutassa támogatását! ⬇⬇⬇ ??

Ha kérdése van, kérdezzen bátran a Twitteren: //twitter.com/rajaraodv