Hogyan jazzák fel a Bash Terminalt - lépésről lépésre útmutató képekkel

Programozás

Ebben a blogban áttekintem a Témák, a Powerline, a betűtípusok és a powerline-gitstatus hozzáadásának lépéseit, hogy a szokásos Bash Terminal szép és hasznos legyen, amint az a fenti képen látható.

Kiderült, hogy ha Mac-et használ, akkor sok karikát kell átugornia, hogy ez működjön, mivel sok utasítás a linuxra vonatkozik, vagy elavult. Úgy gondoltam, hogy blogolok róla - remélhetőleg ez segít.

Megjegyzések:

1. Kövesse figyelmesen a lépéseket, mivel minden hiba sok fejfájást okoz.

2. Ez a MacOS-ra és a Terminal.app rendszeres bash-jára vonatkozik. Nem a ZSH-t vagy a Hypert használom ebben a blogban - különböző blogokat tervezek nekik írni.

3. Saját verziók: Mac High Sierra; git 2.14.3 verzió (Apple Git-98); Python 2.7.10

OK, alapértelmezés szerint, ha új mac-ja van, a Terminal.app kb. Folytassuk, és adjunk hozzá témákat, betűtípusokat és így tovább.

1. lépés - Új téma hozzáadása

Az első nyilvánvaló lépés a téma fejlesztése. A Terminal nem biztosítja az összes klassz és divatos témát, amelyet más fejlesztők látnak. Töltsünk le egy témát, és adjuk hozzá a terminálhoz.

Ebben a blogban hozzáadom a Solarized-Dark témát a terminálunkhoz.

Megjegyzés: Ebből a git repóból különféle témákat (.terminal fájlokat) tölthet le. Egyszerűen nyissa meg a *.terminalfájlt a telepítéshez, azaz az right-click on the *.terminal file > “open with" > Terminal
  1. Nyissa meg a //ethanschoonover.com/solarized oldalt
  2. Görgessen lefelé, és töltse le a témát (solarized.zip)
  3. Bontsa ki a solarized.zip fájlt
  4. Nyissa meg az osx-terminal.app-colors-solarized mappát. Ez a mappa a terminál témáját tartalmazza.
  5. Kattintson duplán a „Solarized Dark ansi.terminal” fájlra - Ez a Terminal.app sajátos témafájlja . Megjegyzés: Ha figyelmeztetést kap, hogy ez egy azonosítatlan fejlesztőtől származik, kattintson a jobb gombbal a fájlra, és válassza a „Megnyitás ezzel”> Terminál opció be lehetőséget.
  6. Ekkor telepítve van a téma a terminálodba. Csak alapértelmezett témává kell tennünk.
  7. Nyissa meg a Terminál> Beállítások> Szöveg elemet, válassza ki a „Solarized Dark…” témát, majd kattintson az „Alapértelmezett” gombra.

Mostantól a termináljának alább kell lennie.

2. lépés - Telepítse a Powerline-t

A Powerline egy Python alkalmazás, és egy állapotsoros plugin a VIM számára. Állapotsorokat és felszólításokat nyújt számos más alkalmazáshoz, beleértve a zsh, bash, tmux, IPython, Awesome és Qtile alkalmazásokat.

Ez teszi a Terminal parancsot az alábbiakhoz.

2.1 Telepítse a Python-t

Mivel a Powerline egy Python alkalmazás, rendelkeznünk kell Python-nal és ennek is a Python megfelelő verziójával.

  • A MacOS-hoz már telepítve van a Python. Győződjön meg arról, hogy a Python verziója 2.7.x, írjapython -V be a terminált.
  • Ha ez nem 2.7, telepítse a Homebrew szoftvert, amely lehetővé teszi számunkra, hogy különféle szoftvereket telepítsünk a CLI-ről, futtatva:/usr/bin/ruby -e "$(curl -fsSL //raw.githubusercontent.com/Homebrew/install/master/install)"
  • Futtassa brew install pythona legújabb Python telepítéséhez a Homebrew-n keresztül

2.2 A pip telepítése - Python csomagkezelő (hasonló az npm-hez)

Telepítse a pip programot a következő parancs futtatásával

$ sudo easy_install pip

2.3 Telepítse az XCode Developer CLI eszközöket

Az XCode Developer CLI eszközöket a Powerline és más 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.

2.4 Telepítse a Powerline-t

Végül telepítse a Powerline-t (stabil verzió) a pip segítségével a következő parancs futtatásával.

$ pip install --user powerline-status

Ha a legújabb fejlesztési ágat szeretné telepíteni, akkor használja:

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

2.5 Adja hozzá a Powerline démont a bash-hoz

Most hozzá kell adnunk a Powerline démont a bash-hoz, hogy figyelemmel kísérhesse a Terminal parancsot és változtatásokat hajtson végre.

2.5.1 Másolja a Powerline telepítési helyét

A következőket futtatva kitalálhatja a Powerline helyét: pip show powerline-statusMásolja az értéket a Locationmezőből.

2.5.2 Adja hozzá a megfelelő démont a .bash_profile fájlhoz

  1. Ellenőrizze, hogy van-e .bash_profilefájl a gyökérkönyvtárban. Ha nem követi, hozzon létre egyet a következő módon:cd ~ && touch ~/.bash_profile

2. Nyissa meg .bash_profileés adja hozzá a következőket:

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
Megjegyzés: A /Users/rupa/Library/Python/2.7/lib/python/site-packages/ hely az előző lépésből származik (2.5.1). Módosítsa úgy, hogy megfeleljen a számítógép helyének.

2.5.3. Indítsa újra a terminált

Teljesen lépjen ki a terminálból, ha nyitva van (Terminál> Kilépés a terminálból). És nyissa ki újra.

A $ source ~/.bash_profilebeállítások frissítésére egyszerűen képesnek kell lennie . De van valami páratlan powerline-configfájl hiányzik! Általában akkor kapja ezt a hibát, ha a PATH-ban nincs $ HOME / Library / Python / 2.7 / bin.

2.5.4 Az új terminálod

Új termináljának az alábbiaknak kell kinéznie. „Solarized Dark ansi” témát kell használnia, és a Powerline-t kell megjelenítenie a parancssorban. De vegye észre, hogy vannak „?” karakterek! A Powerline ugyanis különféle ikonokat és betűtípusokat használ, amelyek alapértelmezés szerint nem érhetők el. Tehát telepítenünk kell a betűtípusokat.

3. lépés - Telepítse a Powerline betűtípusokat

A Powerline betűtípusok telepítéséhez egyszerűen keresse fel a //github.com/powerline/fonts webhelyet. Ott egy csomó mappa jelenik meg. Mindegyik betűtípus, más néven „Foltozott betűtípusok”.

„Foltozott betűtípusoknak” hívják, mert az emberek rendszeres betűtípusokat vettek fel, és további Powerline-specifikus ikonokat és betűtípusokat adtak hozzá / foltoztak hozzájuk.

3.1 Töltse le a teljes repót és csomagolja ki

  • Kattintson a „Klónozás vagy letöltés” ​​gombra, és töltse le a teljes repót, hogy kipróbálja a különböző betűtípusokat.
  • Csomagolja ki a fonts-master.zip fájlt

3.2 Telepítsen néhány betűtípust

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

A különféle Git állapot megjelenítéséhez a promptban telepítenünk kell a powerline-gitstatus szoftvert. Ez egy egyszerű kiegészítő a Powerline-hoz, és több színt és témát ad hozzá a különböző git állapotinformációk megjelenítéséhez.

4.1 Telepítse a powerline-gitstatus szoftvert

pip install --user powerline-gitstatus
Megjegyzés: A „- user” parancs szükséges a felhasználói profilba történő telepítéshez.

4.2 Adja hozzá a powerline-gitstatus színskálákat a Powerline-hoz

4.2.1 Nyissa meg a következő colorschemes/shell/default.jsonmappát

${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 Adja hozzá a következő színeket:

Amint azt a powerline-gitstatus readme említi. PS: Csak másolja a színeket a „csoportok” belsejébe, majd csatolja az default.json fájlhoz az alábbiak szerint.

Itt van a default.json színösszeállításom (ezt másolhatja és beillesztheti):

{ "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 Aktiválja a témát

4.3.1 Nyissa meg a Theme default.json fájlt

${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 Adja hozzá a következőket az alapértelmezett.json fájlhoz

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

Az alábbiakban látható a Powerline témája: default.json (ezt másolhatja és beillesztheti):

Megjegyzés: Mindent eltávolítottam a „jobb” részből, és a „munka számát” („jobnum”) is eltávolítottam a dolgok tisztántartása érdekében. Ellenkező esetben egy kis műtárgy jelenik meg a felszólítás jobb oldalán. 
{ "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 Indítsa újra a démonot

Mentse a fájlt, és futtassa a következőt: powerline-daemon —-replacea terminálon.

Fontos megjegyzés: Minden alkalommal, amikor módosítja a Powerline a config, amellett, hogy újraindítja a Terminal, akkor is kell, hogy indítsa újra a démont, hogy a változások tükröződnek a futás: powerline-daemon —-replace.

4.5 Indítsa újra a terminált

Lépjen ki a terminálból (Terminál> Kilépés a terminálból), és nyissa meg újra.

Ezen a ponton mindannyian készen vagyunk! tyűha! Ha kinyitja a terminált, és navigál bármelyik git repóhoz, és játszadozik, annak a következőképpen kell kinéznie.

Így néz ki a Solarized-Light téma:

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

If this was useful, please share it! Thank you! ??