Cum să-ți asculti terminalul Bash – Un ghid pas cu pas cu imagini

de rajaraodv

În acest blog voi parcurge pașii pentru a adăuga Teme, Powerline, fonturi și powerline-gitstatus pentru a face ca terminalul dvs. Bash obișnuit să arate frumos și util așa cum se arată în imaginea de mai sus.

Se pare că, dacă utilizați Mac, va trebui să treceți printr-o mulțime de cercuri pentru a funcționa, deoarece multe instrucțiuni sunt pentru Linux sau sunt depășite. Așa că m-am gândit să fac un blog despre asta – sperăm că vă va ajuta.

Note:

1. Urmați pașii cu atenție, deoarece orice greșeală va provoca multe dureri de cap.

2. Aceasta este pentru MacOS și pentru bash regulat în Terminal.app. Nu folosesc ZSH sau Hyper în acest blog – intenționez să scriu bloguri diferite pentru ei.

3. Versiunile mele: Mac High Sierra; versiunea git 2.14.3 (Apple Git-98); Python 2.7.10

OK, în mod implicit, când aveți un Mac nou, Terminal.app dvs. va arăta ca mai jos. Să mergem mai departe și să adăugăm teme, fonturi și așa mai departe.

Pasul 1 – Adăugați o temă nouă

Primul pas evident este îmbunătățirea temei. Terminalul nu oferă toate temele interesante și fanteziste pe care le vedeți că utilizează alți dezvoltatori. Să descărcăm o temă și să o adăugăm la terminal.

În acest blog, voi adăuga tema Solarized-Dark la Terminalul nostru.

Notă: Puteți descărca diverse teme (fișiere .terminal) din acest git repo. Pur și simplu deschideți fișierul *.terminal fișier pentru instalare, adică right-click on the *.terminal file > “open with" > Terminal

1. Mergi la http://ethanschoonover.com/solarized
2. Derulați în jos și descărcați Tema (solarized.zip)
3. Extrageți fișierul solarized.zip
4. Deschide osx-terminal.app-colors-solarized pliant. Acest folder conține temă pentru terminal.
5. Dublu click „Solarized Dark ansi.terminal” fişier – Acesta este fișierul tematic specific pentru Terminal.app. Notă: Dacă primiți un avertisment că acesta provine de la un dezvoltator neidentificat, faceți clic dreapta pe fișier și selectați „Deschideți cu”> Terminal optipe.
6. În acest moment, aveți Tema instalată în terminal. Trebuie doar să-l facem o temă implicită.
7. Deschideți Terminal> Preferințe> Text și selectați tema „Solarized Dark…” și faceți clic pe „Implicit”.

De acum înainte, terminalul dvs. ar trebui să fie mai jos.

Pasul 2 – Instalați Powerline

Powerline este o aplicație Python și este un plugin de linie de stare pentru vim și oferă linii de stare și solicitări pentru alte câteva aplicații, inclusiv zsh, bash, tmux, IPython, Awesome și Qtile.

Face ca promptul Terminal să arate ca mai jos.

2.1 Instalați Python

Deoarece Powerline este o aplicație Python, trebuie să avem Python și, de asemenea, o versiune adecvată a Python.

• MacOS vine deja cu Python instalat. Asigurați-vă că versiunea Python este 2.7.x tastând python -V în terminal.
• Dacă nu este 2.7, instalați Homebrew care ne permite să instalăm diverse programe din CLI, rulând:/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
• Alerga brew install python pentru a instala cel mai recent Python prin Homebrew

2.2 Instalați pip – Un manager de pachete pentru Python (similar cu npm)

Instalați pip executând următoarea comandă

$ sudo easy_install pip

2.3 Instalați instrumentele CLI XCode Developer

Instrumentele CLI pentru dezvoltatori XCode sunt utilizate de Powerline și alte aplicații care manipulează funcțiile OSX de bază. Deci, asigurați-vă că instalați instrumentele XCode CLI executând următoarea comandă.

$ xcode-select —-install

Notă: Comanda de mai sus deschide programul de instalare Mac și instalează instrumentele CLI XCode Developer. Dacă nu funcționează, încercați xcode-select -r a reseta.

2.4 Instalați Powerline

În cele din urmă, instalați Powerline (versiune stabilă) prin pip executând următoarea comandă.

$ pip install --user powerline-status

Dacă doriți să instalați cea mai recentă ramură de dezvoltare, utilizați:

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

2.5 Adăugați daemonul Powerline la bash

Acum trebuie să adăugăm demonul Powerline la bash, astfel încât să poată monitoriza promptul Terminalului și să facă modificări.

2.5.1 Copiați locația de instalare a Powerline-ului

Puteți afla locația Powerline executând următoarele: pip show powerline-status Copiați valoarea din Location camp.

2.5.2 Adăugați daemonul cu o locație adecvată la .bash_profile

1. Asigura-te ca ai .bash_profile în directorul dvs. rădăcină. Dacă nu urmează, creați una făcând: cd ~ && touch ~/.bash_profile

2. Deschideți .bash_profile și adăugați următoarele:

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

Notă: Locația /Users/rupa/Library/Python/2.7/lib/python/site-packages/ este de la pasul anterior (2.5.1). Schimbați-l pentru a se potrivi cu locația computerului.

2.5.3. Reporniți terminalul

Părăsiți complet terminalul dacă este deschis (Terminal> Ieșiți din terminal). Și deschide-l din nou.

Ar trebui să puteți folosi pur și simplu $ source ~/.bash_profile pentru a actualiza setările. Dar am ceva ciudat powerline-config fișierul lipsește! De obicei, veți primi această eroare dacă nu aveți $ HOME / Library / Python / 2.7 / bin în PATH.

2.5.4 Noul terminal

Noul terminal ar trebui să arate ca mai jos. Ar trebui să utilizeze tema „Solarized Dark ansi” și ar trebui să afișeze Powerline în promptul de comandă. Dar, de asemenea, observați că există „?” personaje! Acest lucru se datorează faptului că Powerline utilizează diverse pictograme și fonturi care nu sunt disponibile în mod implicit. Deci, trebuie să instalăm fonturile.

Pasul 3 – Instalați fonturile Powerline

Pentru a instala fonturile Powerline, pur și simplu accesați https://github.com/powerline/fonts. Acolo veți vedea o grămadă de dosare. Fiecare este un font, cunoscut și sub numele de „Fonturi patch-uri”.

Se numește „Patched fonts”, deoarece oamenii au luat fonturi obișnuite și le-au adăugat / corecționat pictograme și fonturi specifice Powerline.

3.1 Descărcați întreaga repo și dezarhivați-o

• Faceți clic pe butonul „Clonați sau descărcați” și descărcați întreaga repo, astfel încât să încercați diferite fonturi.
• Dezarhivați fonts-master.zip

3.2 Instalați unele fonturi

Să deschidem Meslo a punctat fonturi pliant. Va arăta ca mai jos. Veți vedea o grămadă de fișiere .ttf. Fiecare dintre ele este un font, dar unele sunt versiunea „îndrăzneață” a fontului, unele sunt versiunea „obișnuită” și așa mai departe.

Pur și simplu faceți dublu clic pe fișierul .ttf și apăsați „Instalare font” pentru a instala fontul pe computer.

Pentru cazul nostru, să instalăm „Meslo LG L DZ Regular pentru Powerline.ttf” și „Meslo LG L DZ Italic pentru Powerline.ttf”. Aceasta va adăuga un regulat si un Cursiv versiunea de Meslo font.

3.3 Selectați fontul în Tema Terminalului

Vă amintiți că am adăugat tema „Solarized Dark” la Pasul 1? Acesta nu avea fonturi și MacOS avea un font implicit. Tot ce trebuie să facem este să ne setăm Meslo a punctat font pentru această temă și am terminat!

1. Deschideți Terminal> Preferințe> Text
2. Selectați Solarized Dark ansi Temă
3. Faceți clic pe butonul „Font” – Aceasta deschide dialogul „Fonturi”
4. În dialogul „Fonturi”, selectați „Meslo LG L DZ pentru Powerline” în familie și selectați, de asemenea, dimensiunea fontului 14 (astfel încât să fie mai ușor de citit).

3.4 Reporniți terminalul

Părăsiți complet Terminalul (Terminal> Părăsire terminal) și apoi redeschideți-l.

Pasul 4 – Adăugarea informațiilor Git la prompt

Pentru a afișa diferite stări Git la prompt, trebuie să le instalăm powerline-gitstatus. Este un supliment simplu la Powerline și adaugă mai multe culori și teme pentru a afișa diverse informații despre starea git-ului.

4.1 Instalați powerline-gitstatus

pip install --user powerline-gitstatus

Notă: este necesară comanda „- utilizator” pentru a o instala în profilul utilizatorului.

4.2 Adăugați scheme de culori powerline-gitstatus la Powerline

4.2.1 Deschideți următoarele colorschemes/shell/default.json pliant

${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 Adăugați următoarele culori:

După cum se menționează în powerline-gitstatus Citește-mă. PS: Copiați doar culorile din „grupuri” și apoi adăugați-le la default.json așa cum se arată mai jos.

Iată schemele mele de culori default.json (puteți copia și insera acest lucru în loc):

{
	"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 Activează tema

4.3.1 Deschideți fișierul default.json al temei

${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 Adăugați următoarele la default.json

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

Mai jos este tema mea Powerline’s default.json (puteți copia și insera aceasta în loc):

Notă: Am eliminat totul din secțiunea „dreapta” și am eliminat și „numărul jobului” („jobnum”) pentru a menține lucrurile curate. În caz contrar, veți vedea un mic artefact pe marginea din dreapta a promptului.

{
	"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 Reporniți Daemon

Salvați fișierul și rulați următoarele: powerline-daemon —-replace în terminal.

Notă importantă: De fiecare dată când faceți modificări la configurarea Powerline, pe lângă repornirea terminalului, va trebui să faceți și acest lucru repornire demonul pentru a vedea schimbările reflectate prin alergare: powerline-daemon —-replace.

4.5 Reporniți terminalul

Ieșiți din terminal (Terminal> Ieși din terminal) și deschide-l din nou.

În acest moment, am terminat cu toții! Whew! Dacă deschideți terminalul și navigați la orice repozitie git și vă jucați, ar trebui să arate după cum urmează.

Iată cum arată în tema Solarized-Light:

Iată cum arată Tema Cobalt2:

?? Mulțumesc!

Dacă aveți întrebări, nu ezitați să mă întrebați pe Twitter: https://twitter.com/rajaraodv

Dacă acest lucru a fost util, faceți clic pe clap? butonul de mai jos de câteva ori pentru a vă arăta sprijinul! ⬇⬇⬇ ??

Celelalte postări ale mele

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

ECMAScript 2015+

1. Consultați aceste sfaturi și trucuri utile ECMAScript 2015 (ES6)
2. 5 Părți JavaScript „rele” care sunt remediate în ES6
3. Este „Clasa” în ES6 Noua parte „Rău”?

Îmbunătățiri terminale

1. Cum să-ți asculti terminalul – Un ghid pas cu pas cu imagini
2. Jazz Up Terminalul dvs. „ZSH” în șapte pași – Un ghid vizual

WWW

1. O istorie fascinantă și dezordonată a webului și a JavaScript-ului

DOM virtual

1. Funcționarea interioară a DOM-ului virtual

React Performance

1. Două modalități rapide de a reduce dimensiunea aplicației React în producție
2. Utilizarea Preact în loc de React

Programare funcțională

1. JavaScript este complet Turing – Explicat
2. Programare funcțională în JS – cu exemple practice (partea 1)
3. Programare funcțională în JS – cu exemple practice (partea 2)
4. De ce Reduxul are nevoie ca Reductorii să fie „Funcții pure”

WebPack

1. Webpack – Piesele confuze
2. Înlocuirea modulului Webpack și Hot [HMR] (sub capotă)
3. Webpack HMR și React-Hot-Loader – Manualul lipsă

Draft.js

1. De ce Draft.js și de ce ar trebui să contribuiți
2. Cum reprezintă Draft.js datele cu text îmbogățit

React and Redux:

1. Ghid pas cu pas pentru construirea aplicațiilor React Redux
2. Un ghid pentru construirea unei aplicații React Redux CRUD (Aplicație de 3 pagini)
3. Utilizarea Middlewares în aplicațiile React Redux
4. Adăugarea unei validări de formulare robuste pentru a reacționa aplicațiile Redux
5. Securizarea aplicațiilor React Redux cu jetoane JWT
6. Gestionarea e-mailurilor tranzacționale în aplicațiile React Redux
7. Aplicația Anatomy of a React Redux
8. De ce Reduxul are nevoie ca Reductorii să fie „Funcții pure”
9. Două modalități rapide de a reduce dimensiunea aplicației React în producție

Dacă acest lucru a fost util, vă rugăm să îl împărtășiți! Mulțumesc! ??