Kuidas oma rahaterminali jazzida - samm-sammuline piltidega juhend

Selles blogis vaatan üle teemad, elektriliin, fondid ja elektriliin-gitstatus, et muuta teie tavaline Bash Terminal ilusaks ja kasulikuks, nagu ülaltoodud pildil näidatud.

Selgub, et kui kasutate Maci, peate selle toimimiseks hüppama läbi paljude rõngaste, kuna paljud juhised on mõeldud Linuxile või on aegunud. Mõtlesin siis blogida sellest - loodetavasti aitab see teid.

Märkused:

1. Järgige hoolikalt samme, sest iga viga tekitab palju peavalu.

2. See on mõeldud MacOS-i ja tavalise bashi jaoks rakenduses Terminal.app. Ma ei kasuta selles ajaveebis ZSH-i ega Hyperit - kavatsen neile kirjutada erinevaid blogisid.

3. Minu versioonid: Mac High Sierra; giti versioon 2.14.3 (Apple Git-98); Python 2.7.10

OK, kui teil on uus mac, näeb teie Terminal.app vaikimisi välja nagu allpool. Lähme edasi ja lisame teemad, fondid jne.

1. samm - lisage uus teema

Esimene ilmne samm on teema täiustamine. Terminal ei paku kõiki lahedaid ja uhkeid teemasid, mida näete teiste arendajate kasutuses. Laadime teema alla ja lisame selle terminali.

Selles blogis lisan meie terminali teema Solarized-Dark.

Märkus. Sellest git-repost saate alla laadida erinevaid teemasid (.terminal-faile). Selle *.terminalinstallimiseks avage lihtsalt fail, st right-click on the *.terminal file > “open with" > Terminal
  1. Minge saidile //ethanschoonover.com/solarized
  2. Kerige alla ja laadige teema alla (solarized.zip)
  3. Eemaldage solarized.zip-fail
  4. Avage kaust osx-terminal.app-colors-solarized . Selles kaustas on terminali teema.
  5. Topeltklõpsake faili „Solarized Dark ansi.terminal” - see on Terminal.app'i konkreetne teemafail . Märkus. Kui saate hoiatuse, et see pärineb tuvastamata arendajalt, paremklõpsake failil ja valige „Ava koos“> Terminali valik sisse.
  6. Sel hetkel on teil teema terminali installitud. Peame selle lihtsalt vaiketeemaks tegema.
  7. Avage Terminal> Eelistused> Tekst ja valige teema "Solarized Dark…" ja klõpsake "Default".

Nüüdsest peaks teie terminal meeldima allpool.

2. samm - installige Powerline

Powerline on Pythoni rakendus ja on VIM-i olekurea plugin, mis pakub olekuridu ja viipasid mitmetele teistele rakendustele, sealhulgas zsh, bash, tmux, IPython, Awesome ja Qtile.

See muudab terminali viiba väljanägemiseks allpool.

2.1 Installige Python

Kuna Powerline on Pythoni rakendus, peab meil olema Python ja ka see Pythoni õige versioon.

  • MacOS-iga on Python juba installitud. Veenduge, et Pythoni versioon on 2.7.x, tippidespython -V terminali.
  • Kui see pole 2.7, installige Homebrew, mis võimaldab meil CLI-st mitmesugust tarkvara installida, käivitades:/usr/bin/ruby -e "$(curl -fsSL //raw.githubusercontent.com/Homebrew/install/master/install)"
  • Käivitage brew install pythonuusima Pythoni installimine Homebrew'i kaudu

2.2 Install pip - Pythoni paketihaldur (sarnane npm-ga)

Installige pip, käivitades järgmise käsu

$ sudo easy_install pip

2.3 Installige XCode Developer CLI tööriistad

XCode Developer CLI tööriistu kasutavad Powerline ja muud rakendused, mis manipuleerivad OSX põhifunktsioonidega. Nii et installige kindlasti XCode CLI tööriistad, käivitades järgmise käsu.

$ xcode-select —-install

Märkus. Ülaltoodud käsk avab Maci installeri ja installib tööriistad XCode Developer CLI. Kui see ei toimi, proovige xcode-select -rlähtestada.

2.4 Installige Powerline

Lõpuks installige Powerline (stabiilne versioon) pipi kaudu, käivitades järgmise käsu.

$ pip install --user powerline-status

Kui soovite installida uusima arendusharu, kasutage järgmist:

$ pip install --user git+git://github.com/powerline/powerline //dev

2.5 Lisage Powerlini deemon bashile

Nüüd peame lisama bashile Powerline'i deemoni, et see saaks jälgida terminali viipasid ja muudatusi teha.

2.5.1 Kopeerige elektriliini installimiskoht

Powerline'i asukoha saate välja selgitada, käivitades järgmise: pip show powerline-statuskopeerige väärtus Locationväljalt.

2.5.2 Lisage .bash_profile õiges asukohas olev deemon

  1. Veenduge, et .bash_profileteie juurkataloogis oleks fail. Kui te seda ei järgi, looge see, tehes järgmist:cd ~ && touch ~/.bash_profile

2. Avage .bash_profileja lisage järgmine:

export PATH=$PATH:$HOME/Library/Python/2.7/bin powerline-daemon -q POWERLINE_BASH_CONTINUATION=1 POWERLINE_BASH_SELECT=1 . /Users/rupa/Library/Python/2.7/lib/python/site-packages/powerline/bindings/bash/powerline.sh
Märkus. Asukoht /Users/rupa/Library/Python/2.7/lib/python/site-packages/ pärineb eelmisest etapist (2.5.1). Muutke see vastavalt oma arvuti asukohale.

2.5.3. Taaskäivitage terminal

Sulgege terminal täielikult, kui see on avatud (Terminal> Quit Terminal). Ja avage see uuesti.

$ source ~/.bash_profileSeadete värskendamiseks peaksite saama seda lihtsalt kasutada . Aga mul on mõni paaritu powerline-configfail puudu! Tavaliselt saate selle tõrke, kui teie PATH-is pole faili $ HOME / Library / Python / 2.7 / bin.

2.5.4 Teie uus terminal

Teie uus terminal peaks välja nägema nagu allpool. See peaks kasutama "Solarized Dark ansi" teemat ja näitama käsureal Powerline'i. Kuid pange tähele ka seda, et on olemas? tähemärki! Seda seetõttu, et Powerline kasutab erinevaid ikoone ja fonte, mis pole vaikimisi saadaval. Seega peame fondid installima.

3. samm - installige Powerline'i fondid

Powerline'i fontide installimiseks minge lihtsalt saidile //github.com/powerline/fonts. Seal näete tervet hulka kaustu. Igaüks neist on font, ehk “Patch fonts”.

Seda nimetatakse "Patch fonts", kuna inimesed on võtnud tavalised fondid ja lisanud / lappinud neile täiendavaid Powerline'i spetsiifilisi ikoone ja fonte.

3.1 Laadige alla kogu repo ja pakkige see lahti

  • Klõpsake nuppu "Kloonige või laadige alla" ja laadige alla kogu repo, et proovida erinevaid fonte.
  • Paki fondid-master.zip lahti

3.2 Paigaldage mõned fondid

Let’s open Meslo dotted fontsfolder. It will look like below. You’ll see a whole bunch of .ttf file. Each one of them is a font but some are “bold” version of the font, some are “regular” version and so on.

Simply double-click on the .ttf file and press “Install font” to install the font on your computer.

For our case, let’s install “Meslo LG L DZ Regular for Powerline.ttf” and “Meslo LG L DZ Italic for Powerline.ttf”. This will add a regular and an Italic version of the Meslo font.

3.3 Select the font in the Terminal’s Theme

Remember we added “Solarized Dark” theme in Step 1? That didn’t have any fonts in it and MacOS had some default font. All we need to do is to set our Meslo dotted font for this theme and we are done!

  1. Open Terminal > Preferences > Text
  2. Select Solarized Dark ansi Theme
  3. Click on the “Font” button — This opens up “Fonts” dialog
  4. In the “Fonts” dialog, select “Meslo LG L DZ for Powerline” in the Family and also select font size 14 (so it’s easier to read).

3.4 Restart Terminal

Completely quit the Terminal (Terminal > Quit Terminal) and then reopen it.

Step 4 — Adding Git information to the prompt

Viibal mitmesuguse Giti oleku kuvamiseks peame installima powerline-gitstatus. See on lihtne lisandmoodul Powerline'ile ja lisab mitmesuguseid värve ja teemasid, et kuvada mitmesugust git-oleku teavet.

4.1 Installige elektriliin-gitstatus

pip install --user powerline-gitstatus
Märkus. Selle installimiseks kasutaja profiili on vaja käsku "- user".

4.2 Lisage Powerline-i värvilahendused powerline-gitstatus

4.2.1 Avage järgmine colorschemes/shell/default.jsonkaust

${powerline-install-directory}/powerline/config_files/colorschemes/shell/default.json //For example: /Users/rupa/Library/Python/2.7/lib/python/site-packages/powerline/config_files/colorschemes/shell/default.json

4.2.2 Lisage järgmised värvid:

Nagu mainitud elektriliini-gitstatus readme. PS: kopeerige lihtsalt rühmade sees olevad värvid ja lisage see default.jsonile, nagu allpool näidatud.

Siin on minu värvilahendused default.json (võite selle hoopis kopeerida ja kleepida):

{ "name": "Default color scheme for shell prompts", "groups": { "hostname": { "fg": "brightyellow", "bg": "mediumorange", "attrs": [] }, "environment": { "fg": "white", "bg": "darkestgreen", "attrs": [] }, "mode": { "fg": "darkestgreen", "bg": "brightgreen", "attrs": ["bold"] }, "attached_clients": { "fg": "white", "bg": "darkestgreen", "attrs": [] }, "gitstatus": { "fg": "gray8", "bg": "gray2", "attrs": [] }, "gitstatus_branch": { "fg": "gray8", "bg": "gray2", "attrs": [] }, "gitstatus_branch_clean": { "fg": "green", "bg": "gray2", "attrs": [] }, "gitstatus_branch_dirty": { "fg": "gray8", "bg": "gray2", "attrs": [] }, "gitstatus_branch_detached": { "fg": "mediumpurple", "bg": "gray2", "attrs": [] }, "gitstatus_tag": { "fg": "darkcyan", "bg": "gray2", "attrs": [] }, "gitstatus_behind": { "fg": "gray10", "bg": "gray2", "attrs": [] }, "gitstatus_ahead": { "fg": "gray10", "bg": "gray2", "attrs": [] }, "gitstatus_staged": { "fg": "green", "bg": "gray2", "attrs": [] }, "gitstatus_unmerged": { "fg": "brightred", "bg": "gray2", "attrs": [] }, "gitstatus_changed": { "fg": "mediumorange", "bg": "gray2", "attrs": [] }, "gitstatus_untracked": { "fg": "brightestorange", "bg": "gray2", "attrs": [] }, "gitstatus_stashed": { "fg": "darkblue", "bg": "gray2", "attrs": [] }, "gitstatus:divider": { "fg": "gray8", "bg": "gray2", "attrs": [] } }, "mode_translations": { "vicmd": { "groups": { "mode": { "fg": "darkestcyan", "bg": "white", "attrs": ["bold"] } } } } }

4.3 Aktiveerige teema

4.3.1 Avage teema default.jsoni fail

${powerline-install-directory}/powerline/config_files/themes/shell/default.json //For example: /Users/rupa/Library/Python/2.7/lib/python/site-packages/powerline/config_files/themes/shell/default.json

4.3.2 Lisage default.jsonile järgmine

{ "function": "powerline_gitstatus.gitstatus", "priority": 40 }

Allpool on minu Powerline'i teema default.json (võite selle hoopis kopeerida ja kleepida):

Märkus. Olen asjade puhtuse tagamiseks eemaldanud kõik jaotisest „paremal” ja eemaldanud ka „töökoha numbri” („jobnum”). Vastasel juhul näete viiba paremas servas väikest artefakti.
{ "segments": { "left": [{ "function": "powerline.segments.shell.mode" }, { "function": "powerline.segments.common.net.hostname", "priority": 10 }, { "function": "powerline.segments.common.env.user", "priority": 30 }, { "function": "powerline.segments.shell.cwd", "priority": 10 }, { "function": "powerline_gitstatus.gitstatus", "priority": 40 } ], "right": [] } }

4.4 Taaskäivitage deemon

Salvestage fail ja käivitage järgmine: powerline-daemon —-replaceterminalis.

Tähtis märkus: Iga kord, kui teha muudatusi Powerline seadistustegrupi lisaks taaskäivitamist Terminal, siis tuleb ka taaskäivitada deemoni näha Muutusi käivitades: powerline-daemon —-replace.

4.5 Taaskäivitage terminal

Sulgege terminal (terminal> väljuge terminalist) ja avage see uuesti.

Siinkohal oleme kõik valmis! vat! Kui avate terminali ja navigeerite mis tahes git-repo juurde ja mängite ringi, peaks see välja nägema järgmine.

Päikesepaistelise valguse teema näeb välja järgmine:

Here is how it looks in Cobalt2 Theme:

?? Thank you!

If you have questions, please feel free to ask me on Twitter: //twitter.com/rajaraodv

If this was useful, please click the clap ? button down below a few times to show your support! ⬇⬇⬇ ??

My Other Posts

//medium.com/@rajaraodv/latest

ECMAScript 2015+

  1. Check out these useful ECMAScript 2015 (ES6) tips and tricks
  2. 5 JavaScript “Bad” Parts That Are Fixed In ES6
  3. Is “Class” In ES6 The New “Bad” Part?

Terminal Improvements

  1. How to Jazz Up Your Terminal — A Step By Step Guide With Pictures
  2. Jazz Up Your “ZSH” Terminal In Seven Steps — A Visual Guide

WWW

  1. A Fascinating And Messy History Of The Web And JavaScript

Virtual DOM

  1. Inner Workings Of The Virtual DOM

React Performance

  1. Two Quick Ways To Reduce React App’s Size In Production
  2. Using Preact Instead Of React

Functional Programming

  1. JavaScript Is Turing Complete — Explained
  2. Functional Programming In JS — With Practical Examples (Part 1)
  3. Functional Programming In JS — With Practical Examples (Part 2)
  4. Why Redux Need Reducers To Be “Pure Functions”

WebPack

  1. Webpack — The Confusing Parts
  2. Webpack & Hot Module Replacement [HMR] (under-the-hood)
  3. Webpack’s HMR And React-Hot-Loader — The Missing Manual

Draft.js

  1. Why Draft.js And Why You Should Contribute
  2. How Draft.js Represents Rich Text Data

React And Redux :

  1. Step by Step Guide To Building React Redux Apps
  2. A Guide For Building A React Redux CRUD App (3-page app)
  3. Using Middlewares In React Redux Apps
  4. Adding A Robust Form Validation To React Redux Apps
  5. Securing React Redux Apps With JWT Tokens
  6. Handling Transactional Emails In React Redux Apps
  7. The Anatomy Of A React Redux App
  8. Why Redux Need Reducers To Be “Pure Functions”
  9. Two Quick Ways To Reduce React App’s Size In Production

Kui see oli kasulik, siis jagage seda! Aitäh! ??