Džiazuok savo „ZSH“ terminalą septyniais žingsniais - vaizdinis vadovas

Džiazuok savo „ZSH“ terminalą septyniais žingsniais - vaizdinis vadovas

Šiame tinklaraštyje aptarsiu „ITerm2“, „ZSH“ apvalkalo, „oh my ZSH“, temų, „ITerm2“ spalvų schemų, „oh my ZSH“ įskiepių diegimą ir „ligature“ palaikymą, kuris padės sukurti gražų ir galingą terminalą.

Jei norite tiesiog padaryti savo įprastą „Bash Terminal“ galingą, pažvelkite į mano ankstesnį tinklaraštį: „Jazz Up Your Bash Terminal“. Tačiau šiame tinklaraštyje paaiškinta, kad ZSH yra galingesnė medžiaga.

Santrauka:

Mes apimsime daug dalykų. Tai gali būti painu, todėl pateikiame santrauką to, ką darysime.

  1. Įdiekite „ITerm2“ - tai yra geresnė numatytojo terminalo alternatyva
  2. Įdiekite naujausią „ZSH“ apvalkalą - tai yra galingesnis nei įprastas „bash“ apvalkalas. Mes pakeisime ITerm2 naudoti ZSH apvalkalą.
  3. Įdiekite „Oh My ZSH“ - tai yra CLI įrankis, skirtas lengvai sukonfigūruoti ZSH ir pridėti temų bei papildinių prie ZSH
  4. Pridėkite dviejų tipų temas naudodami „Oh My ZSH“ - kai kurioms temoms reikia papildomų veiksmų, todėl apimsime abi
  5. Įdiekite skirtingas „ITerm2“ schemas - tai tik vartotojo sąsajos spalvų schemos
  6. Norėdami padidinti produktyvumą, pridėkite du skirtingus papildinius naudodami „Oh My ZSH“
  7. Įjunkite „ligatūros“ palaikymą, taigi, kai rašote rodyklę => ;, ji atrodo kaip tikrasis „arr o w →“

1 žingsnis - įdiekite „ITerm2“

Daugelis programuotojų mėgsta „ITerm2“ vietoj numatytojo terminalo. Jis yra panašus į terminalą, tačiau turi daugybę savo funkcijų. Be abejo, jame gali veikti ZSH, „Bash“ ir kiti kriauklės.

Šiame vaizdo įraše parodytos kai kurios naujos 2 punkto (v3) funkcijos.

Šiame tinklaraštyje naudosime „ITerm2“. Kai užsimenu apie „Terminalą“, turiu omenyje „ITerm2“. Nors tiek „Terminal“, tiek „ITerm2“ veiksmai yra vienodi.

2 žingsnis - pakeiskite apvalkalą į ZSH

Šis vaizdo įrašas parodo, kodėl ZSH yra geresnis nei tik bash apvalkalas.

1 variantas - naudokite savo „Mac“ ZSH:

„Mac“ komplekte yra „ZSH“ dėžutė, todėl mums jo nereikia įdiegti. Tačiau kartais tai yra senesnė ZSH versija. Paprastai jis yra / bin / zsh. Norėdami jį naudoti, viskas, ką turime padaryti, yra pakeisti apvalkalą (chsh).

  1. Atidarykite terminalą (arba „ITerm2“) ir įveskite šią komandą.
$ chsh -s $(which zsh)

2. Įveskite slaptažodį ir jis pakeis apvalkalą, atsijungus ir prisijungus.

3. Atsijunkite ir vėl prisijunkite

4. Norėdami išbandyti, atidarykite terminalą ir įveskite toliau nurodytą tekstą.

$ echo $0 zsh //should return zsh

2 variantas - įdiekite „Homebrew“ ir įdiekite naujausią „ZSH“ per „Homebrew“

Ši parinktis yra gana paplitusi tarp vartotojų, nes kai kurie papildiniai veikia tik su naujausiu ZSH.

Paprasčiau tariant, „Homebrew“ yra visų rūšių programinės įrangos diegimo komandų eilutė. Pirmiausia įdiekime tai.

  1. Įdiekite „Homebrew“ vykdydami šią komandą.
ruby -e "$(curl -fsSL //raw.githubusercontent.com/Homebrew/install/master/install)"

2. Jei gausite komandų eilutės įrankius, skirtus „Xcode“ klaidai, tai reiškia, kad neįdiegėte „XI“ CLI įrankių. Jei klaidos negaunate, galite praleisti šį veiksmą, nes jis jau įdiegtas.

„XCode Developer“ CLI įrankius naudoja įvairios programos, kurios manipuliuoja pagrindinėmis OSX funkcijomis. Taigi būtinai įdiekite „Xcode“ CLI įrankius vykdydami šią komandą.

$ xcode-select —-install

Pastaba: Minėta komanda atveria „Mac“ diegimo programą ir įdiegia „XCode Developer“ CLI įrankius. Jei tai neveikia, pabandykite xcode-select -rnustatyti iš naujo.

3. Įdiekite ZSH per „Homebrew“

Norėdami įdiegti ZSH, vykdykite šią komandą. Jis įdiegiamas /usr/local/bin/zshPS: „Mac“ numatytasis „ZSH“ yra/bin/zsh

brew install zsh

4. Naudokite „Homebrew“ versiją ZSH

Vykdykite šią komandą. Būsite paraginti įvesti „Mac“ slaptažodį.

chsh -s /usr/local/bin/zsh

5. Atsijunkite ir vėl prisijunkite.

6. Patikrinkite, ar mes naudojame ZSH ir teisingą ZSH

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

3 žingsnis - „O mano ZSH“

„Oh My ZSH“ yra papildinys, veikiantis virš ZSH. Tai suteikia numatytąją konfigūraciją ZSH (~ / .zhrc failas), taip pat pateikia temas ir daugiau funkcijų.

Iš to, ką žinau, dauguma energijos vartotojų, kurie naudojasi ZSH, taip pat naudoja „Oh My ZSH“.
  1. Įdiekite „Oh My ZSH“

Norėdami įdiegti „oh My ZSH“, vykdykite šią komandą.

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

2. Uždarykite, uždarykite „ITerm2“ ir atidarykite jį iš naujo.

Tai turėtų atrodyti panašiai kaip žemiau. Atkreipkite dėmesį, kad raginimas pasikeitė ir tema yra šiek tiek kitokia - tai „Oh My ZSH“.

4 žingsnis - Keiskite temas ir įdiekite šriftus

Atlikdami šį veiksmą, pridėsime dvi skirtingas temas „Oh My ZSH“. „Oh My ZSH“ pateikiama daugybė temų. PS: Tačiau kai kurioms temoms reikia papildomų veiksmų, pavyzdžiui, įdiegti konkrečius šriftus ir pan.

Norėdami nustatyti temą, tiesiog atidarykite ~ / .zshrc failą (sukurtą „Oh My ZSH“) ir pakeiskite temą, kaip parodyta žemiau.

PS: .zshrc yra ZSH apvalkalo konfigūracijos failas. Žmonės, kurie nenaudoja „Oh My ZSH“, turės patys sukurti šį failą ir patys pridėti visas konfigūracijas. „Oh My ZSH“ automatiškai sukuria šį failą, jei jo nėra, ir tada į šį failą įtraukia savo konfigūracijų rinkinį.

1 tema - pridėkime temą pavadinimu „ Avit“

  1. Atidarykite .zshrc
$ open ~/.zshrc

2. Pakeiskite temą į „Avit“

Čia galite naršyti visas „Oh My ZSH“ temas. Norėdami pakeisti temą, tiesiog pakeiskite ~ / .zshrc failo reikšmę ZSH_THEME iš „ robbyrussell“ į „ Avit“ .

3. Atnaujinkite ZSH konfigūraciją

Norėdami atnaujinti konfigūraciją, vykdykite šią komandą.

$ source ~/.zshrc

4. Pakeiskite fono spalvą ir šrifto dydį

Atidarykite „ITerm2“> Nuostatos> Profiliai> Spalvos ir pakeiskite fono juodą spalvą, kad būtų naudojama 20% pilka spalva, kaip parodyta žemiau.

Tada atidarykite Tekstas> Keisti šriftą ir pakeiskite dydį į 14pt.

Gerai, įdiekime kitą temą, kuriai reikia šriftų.

2 tema - „agnoster“, o mano ZSH temos, diegimas

Tai yra populiari tema, nes ji imituoja „Powerline Python“ programą, kuri patobulina terminalą. Šis paveikslėlis parodo, kaip jis atrodo. Tačiau šiai temai taip pat reikia, kad įdiegtume „Powerline“ temas.

1. Įdiekite „Powerline“ šriftus

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

2. Pakeiskite temą į „agnoster“

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

3. Uždarykite „ITerm2“ ir atidarykite jį iš naujo.

4. Nustatykite „Powerline“ šriftą

Galite nustatyti bet kokį „Powerline“ pataisytą šriftą. Visi šriftai baigiasi „for Powerline“ .

Atidarykite ITerm2 > Preferences > Profiles > Text > Change Fontir nustatykite tai, kas yra skirta „Powerline“. Aš pasirenkant "Meslo LG DZ už PowerLine" šriftą.

Pastaba - jei nesuprantate šriftų ir temų: temos skirtos „Oh My ZSH“ ir ZSH apvalkalui, o šriftai skirti pačiam „Iterm2“.

5. Viskas padaryta

Šiuo metu jūsų terminalas turėtų atrodyti žemiau:

5 žingsnis - įdiekite „iTerm2“ spalvų schemas („ITerm2“ temos)

Yra daugybė nuostabių „iTerm2“ spalvų gamų. Šios schemos keičia priekinio plano spalvą, fono spalvą, žymeklio spalvą ir pan. Juos galite rasti „iTerm2“ spalvų schemose „Github“.

Pastaba: Tai tik „ITerm2“ vartotojo sąsajos spalvų schemos, kurios nesusiję su komandų eilutės išvaizda ir jaučiasi kaip „Oh My ZSH“ temos (išskyrus tik spalvų keitimą).

Atlikite šiuos veiksmus, kad juos įdiegtumėte.

  1. Atsisiųskite „iTerm2“ spalvų schemas kaip ZIP failą ir ištraukite
  2. Kataloge „Schemos“ yra visi spalvų schemos failai - jie baigiasi .itermcolors
  3. Atviras iTerm2 > Preferences > Profile > Colors > Color Presets > Import
  4. Importavimo lange eikite į aplanką „Schemos“ (nuo 2 veiksmo)
  5. Pasirinkite visus failus, kad galėtumėte importuoti visas spalvų schemas vienu metu
  6. Tiesiog pasirinkite bet kurią spalvų schemą, kuri jums patinka.
Mano mėgstamiausi yra Betmenas ir Argonautas

„Argonaut“ spalvų schema atrodo taip:

6 žingsnis - įdiekite papildinius

Papildiniai suteikia daugiau funkcijų jūsų darbo eigai. Pagal numatytuosius nustatymus „Oh My ZSH“ jau turi „git“ papildinį! ir todėl jūs galėjote pamatyti visas tas „Git“ būsenas ankstesnių ekrano kopijų raginimuose. Pridėkime dar vieną, kad pamatytume, kaip tai veikia.

Pastaba: šiame skyriuje įdiegsime du skirtingus papildinius, kad parodytume, kaip jie veikia.

1 papildinys - pridėkite sintaksės paryškinimo papildinį

„Syntax Highlighting“ papildinys prideda gražių spalvų į komandas, kurias vedate, kaip parodyta žemiau.

  1. Klonuokite „zsh-syntax-highlighting plugin“ repo ir nukopijuokite jį į „Oh My ZSH“ papildinių katalogą.
git clone //github.com/zsh-users/zsh-syntax-highlighting.git ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-syntax-highlighting

2. Suaktyvinkite įskiepį, ~/.zshrcįtraukdami ` zsh-syntax-highlightingį skyrių Įskiepiai, kaip parodyta žemiau.

3. Perskaitykite zshrc konfigūraciją

source ~/.zshrc

2 papildinys - pridėkite „ZSH-AutoSuggestion“ papildinį

Šis papildinys automatiškai siūlo bet kurią iš ankstesnių komandų. Gana patogu! Norėdami pasirinkti užbaigimą, tiesiog paspauskite → mygtuką.

  1. Įdiekite papildinį
git clone //github.com/zsh-users/zsh-autosuggestions $ZSH_CUSTOM/plugins/zsh-autosuggestions
PS: ZSH_CUSTOM nurodo ~ / .oh-my-zsh / custom

2. Atidarykite ~/.zshrcir pridėkite „zsh-autosuggestions“

7 žingsnis - naudokite „Ligature“ palaikymą

Yra įvairių šriftų, kurie padeda operatoriams, pavyzdžiui, mažiau nei dvigubai lygi, rodyklė dešinėn, o ne lygu ir pan., Atrodyti gražiai. Pvz., Kiekvieną kartą įvedant: =>, jis tampa: →.

Norėdami tai naudoti, mums reikia šriftų, palaikančių ligatūras. Mes taip pat turime tai įgalinti „ITerm2“. „FiraCode“ yra vienas iš tokių šriftų. Atlikite veiksmus, kad įdiegtumėte ir įgalintumėte ligatas.

  1. Atsisiųskite „FiraCode“ atsarginę kopiją ir išskleiskite ZIP failą (arba jį klonuokite)
  2. Atidarykite dstr > ttfaplanką ir dukart spustelėkite visus *.ttffailus ir pasirinkite mygtuką „Install font“, kad įdiegtumėte kiekvieną šrifto variantą.
  3. Eikite į ITerm2 | Preferences | Profiles | Text
  4. Pasirinkite Use Ligaturesžymimąjį laukelį
  5. Spustelėkite Change Fontir pasirinkite Fira Code Regularšriftą

Santrauka

Šiame tinklaraštyje daug ką aptarėme, pradedant naujausio ZSH įdiegimu per „Homebrew“, „Oh My ZSH“, „Plugins, Themes“, įgalinant „FiraCode“ šrifto „ligatūras“.

?? Ačiū!

Jei tai buvo naudinga, spustelėkite plojimą? keletą kartų žemiau esantį mygtuką, kad parodytumėte savo palaikymą! ⬇⬇⬇ ??

Kiti mano pranešimai

//medium.com/@rajaraodv/latest

„ECMAScript 2015+“

  1. Peržiūrėkite šiuos naudingus „ECMAScript 2015“ (ES6) patarimus ir gudrybes
  2. 5 „JavaScript“ „blogos“ dalys, kurios pataisytos ES6
  3. Ar ES6 „klasė“ yra nauja „bloga“ dalis?

Terminalo patobulinimai

  1. Kaip džiazuoti savo terminalą - žingsnis po žingsnio vadovas su paveikslėliais
  2. Džiazuok savo „ZSH“ terminalą septyniais žingsniais - vaizdinis vadovas

WWW

  1. Įspūdinga ir netvarkinga interneto ir „JavaScript“ istorija

Virtualus DOM

  1. Vidinis virtualaus DOM darbas

Reakcijos spektaklis

  1. Du greiti būdai, kaip sumažinti „React App“ gamybą
  2. „Reaguoti“ vietoj „Preact“

Funkcinis programavimas

  1. „JavaScript“ baigiasi - paaiškinta
  2. Funkcinis programavimas JS - su praktiniais pavyzdžiais (1 dalis)
  3. Funkcinis programavimas JS - su praktiniais pavyzdžiais (2 dalis)
  4. Kodėl „Redux“ reikia, kad reduktoriai būtų „grynos funkcijos“

„WebPack“

  1. „Webpack“ - paini dalys
  2. „Webpack“ ir „Hot Module“ pakeitimas [HMR] (po gaubtu)
  3. „Webpack“ HMR ir „React-Hot-Loader“ - trūksta vadovo

Projektas.js

  1. Kodėl Draft.js ir kodėl turėtumėte prisidėti
  2. Kaip „Draft.js“ pateikia raiškiojo teksto duomenis

Reaguoti ir Redux:

  1. Žingsnis po žingsnio „React Redux“ programų kūrimo vadovas
  2. „React Redux CRUD“ programos kūrimo vadovas (3 puslapių programa)
  3. Tarpinių programų naudojimas „React Redux“ programose
  4. Tvirtos formos patvirtinimo pridėjimas norint reaguoti į „Redux“ programas
  5. „React Redux“ programų užtikrinimas naudojant JWT žetonus
  6. Sandorio el. Laiškų tvarkymas „React Redux“ programose
  7. „React Redux“ programos anatomija
  8. Kodėl „Redux“ reikia, kad reduktoriai būtų „grynos funkcijos“
  9. Du greiti būdai, kaip sumažinti „React App“ gamybą

Jei tai buvo naudinga, spustelėkite plojimą? kelis kartus žemiau esantį mygtuką, kad parodytumėte savo palaikymą! ⬇⬇⬇ ??

Jei turite klausimų, nedvejodami paklauskite manęs „Twitter“: //twitter.com/rajaraodv