Πώς να κάνετε Jazz Up Your Bash Terminal - Οδηγός βήμα προς βήμα με εικόνες

Σε αυτό το blog θα ακολουθήσω τα βήματα για να προσθέσω Θέματα, Powerline, γραμματοσειρές και powerline-gitstatus για να κάνω το κανονικό Bash Terminal να φαίνεται όμορφο και χρήσιμο, όπως φαίνεται στην παραπάνω εικόνα.

Αποδεικνύεται, εάν χρησιμοποιείτε Mac, θα χρειαστεί να περάσετε πολλά στεφάνια για να το κάνετε αυτό, καθώς πολλές οδηγίες είναι για το linux ή δεν είναι ενημερωμένες. Έτσι σκέφτηκα ότι θα το blog σχετικά με αυτό - ελπίζω ότι θα σας βοηθήσει.

Σημειώσεις:

1. Ακολουθήστε προσεκτικά τα βήματα, καθώς οποιοδήποτε λάθος θα προκαλέσει πολλούς πονοκεφάλους.

2. Αυτό είναι για MacOS και για κανονικό bash στο Terminal.app. Δεν χρησιμοποιώ ZSH ή Hyper σε αυτό το blog - σκοπεύω να γράψω διαφορετικά ιστολόγια για αυτούς.

3. Οι εκδόσεις μου: Mac High Sierra. έκδοση git 2.14.3 (Apple Git-98); Python 2.7.10

ΟΚ, από προεπιλογή, όταν έχετε νέο mac, το Terminal.app θα μοιάζει με παρακάτω. Ας προχωρήσουμε και προσθέστε Θέματα, γραμματοσειρές και ούτω καθεξής.

Βήμα 1 - Προσθήκη νέου θέματος

Το πρώτο προφανές βήμα είναι να βελτιώσετε το Θέμα. Το Terminal δεν παρέχει όλα τα δροσερά και φανταχτερά θέματα που βλέπετε να χρησιμοποιούν άλλοι προγραμματιστές. Ας κατεβάσουμε ένα θέμα και ας το προσθέσουμε στο Terminal.

Σε αυτό το ιστολόγιο, θα προσθέσω το θέμα Solarized-Dark στο τερματικό μας.

Σημείωση: Μπορείτε να κατεβάσετε διάφορα θέματα (. Τερματικά αρχεία) από αυτό το git repo. Απλώς ανοίξτε το *.terminalαρχείο για να το εγκαταστήσετε, δηλαδή right-click on the *.terminal file > “open with" > Terminal
  1. Μεταβείτε στη διεύθυνση //ethanschoonover.com/solarized
  2. Κάντε κύλιση προς τα κάτω και κατεβάστε το Θέμα (solarized.zip)
  3. Εξαγάγετε το αρχείο solarized.zip
  4. Ανοίξτε το φάκελο osx-terminal.app-colors-solarized . Αυτός ο φάκελος περιέχει Θέμα για το τερματικό.
  5. Κάντε διπλό κλικ «ηλιακής φόρτισης Σκούρο ansi.terminal» το αρχείο - Αυτό είναι το αρχείο θέμα ειδικά για Terminal.app. Σημείωση: Εάν λάβετε μια προειδοποίηση ότι προέρχεται από έναν άγνωστο προγραμματιστή, κάντε δεξί κλικ στο αρχείο και επιλέξτε "Άνοιγμα με"> Ενεργοποίηση τερματικού .
  6. Σε αυτό το σημείο, έχετε εγκαταστήσει το Θέμα στο τερματικό σας. Πρέπει απλώς να το κάνουμε ως προεπιλεγμένο θέμα.
  7. Ανοίξτε το Terminal> Προτιμήσεις> Κείμενο και επιλέξτε το θέμα "Solarized Dark ..." και κάντε κλικ στο "Default".

Από τώρα και στο εξής, το τερματικό σας θα ήθελε παρακάτω.

Βήμα 2 - Εγκατάσταση Powerline

Το Powerline είναι μια εφαρμογή Python και είναι μια προσθήκη γραμμής κατάστασης για το vim και παρέχει γραμμές κατάστασης και προτροπές για πολλές άλλες εφαρμογές, όπως zsh, bash, tmux, IPython, Awesome και Qtile.

Κάνει την προτροπή του Terminal να μοιάζει παρακάτω.

2.1 Εγκαταστήστε το Python

Επειδή το Powerline είναι μια εφαρμογή Python, πρέπει να έχουμε το Python και αυτό επίσης μια σωστή έκδοση του Python.

  • Το MacOS έρχεται με ήδη εγκατεστημένο το Python. Βεβαιωθείτε ότι η έκδοση του Python είναι 2.7.x πληκτρολογώνταςpython -V στο Terminal.
  • Εάν δεν είναι 2.7, εγκαταστήστε το Homebrew που μας επιτρέπει να εγκαταστήσουμε διάφορα λογισμικά από το CLI, εκτελώντας:/usr/bin/ruby -e "$(curl -fsSL //raw.githubusercontent.com/Homebrew/install/master/install)"
  • Εκτελέστε brew install pythonγια να εγκαταστήσετε το πιο πρόσφατο Python μέσω Homebrew

2.2 Εγκατάσταση pip - Ένας διαχειριστής πακέτων για Python (παρόμοιο με npm)

Εγκαταστήστε το pip εκτελώντας την ακόλουθη εντολή

$ sudo easy_install pip

2.3 Εγκαταστήστε εργαλεία XCode Developer CLI

Τα εργαλεία XCode Developer CLI χρησιμοποιούνται από το Powerline και άλλες εφαρμογές που χειρίζονται βασικές λειτουργίες OSX. Γι 'αυτό φροντίστε να εγκαταστήσετε τα εργαλεία XCode CLI εκτελώντας την ακόλουθη εντολή.

$ xcode-select —-install

Σημείωση: Η παραπάνω εντολή ανοίγει το πρόγραμμα εγκατάστασης του Mac και εγκαθιστά τα εργαλεία XCode Developer CLI. Εάν δεν λειτουργεί, δοκιμάστε xcode-select -rνα κάνετε επαναφορά.

2.4 Εγκατάσταση Powerline

Τέλος, εγκαταστήστε το Powerline (σταθερή έκδοση) μέσω pip εκτελώντας την ακόλουθη εντολή.

$ pip install --user powerline-status

Εάν θέλετε να εγκαταστήσετε τον τελευταίο κλάδο ανάπτυξης, χρησιμοποιήστε:

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

2.5 Προσθέστε το δαίμονα Powerline στο bash

Τώρα πρέπει να προσθέσουμε το δαίμονα Powerline στο bash έτσι ώστε να μπορεί να παρακολουθεί την προτροπή του Terminal και να κάνει αλλαγές.

2.5.1 Αντιγράψτε τη θέση εγκατάστασης του Powerline

Μπορείτε να μάθετε τη θέση του Powerline εκτελώντας τα εξής: pip show powerline-statusΑντιγράψτε την τιμή από το Locationπεδίο.

2.5.2 Προσθέστε το δαίμονα με τη σωστή θέση στο .bash_profile

  1. Βεβαιωθείτε ότι έχετε .bash_profileαρχείο στον ριζικό σας κατάλογο. Εάν δεν ακολουθεί, δημιουργήστε ένα κάνοντας:cd ~ && touch ~/.bash_profile

2. Ανοίξτε .bash_profileκαι προσθέστε τα ακόλουθα:

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
Σημείωση: Η τοποθεσία /Users/rupa/Library/Python/2.7/lib/python/site-packages/ προέρχεται από το προηγούμενο βήμα (2.5.1). Αλλάξτε το για να ταιριάζει με την τοποθεσία του υπολογιστή σας.

2.5.3. Επανεκκινήστε το τερματικό

Τερματίστε τελείως το Terminal εάν είναι ανοιχτό (Terminal> Quit Terminal). Και ανοίξτε το ξανά.

Θα πρέπει να μπορείτε να χρησιμοποιήσετε απλά $ source ~/.bash_profileγια να ενημερώσετε τις ρυθμίσεις. Αλλά έχω λίγο περίεργο powerline-configαρχείο λείπει! Συνήθως λαμβάνετε αυτό το σφάλμα εάν δεν έχετε $ HOME / Library / Python / 2.7 / bin στο PATH σας.

2.5.4 Το νέο σας τερματικό

Το νέο σας τερματικό θα πρέπει να μοιάζει παρακάτω. Θα πρέπει να χρησιμοποιεί το θέμα "Solarized Dark ansi" και θα πρέπει να εμφανίζει το Powerline στη γραμμή εντολών. Αλλά επίσης παρατηρήστε ότι υπάρχουν ";" χαρακτήρες! Αυτό συμβαίνει επειδή το Powerline χρησιμοποιεί διάφορα εικονίδια και γραμματοσειρές που δεν είναι διαθέσιμα από προεπιλογή. Πρέπει λοιπόν να εγκαταστήσουμε τις γραμματοσειρές.

Βήμα 3 - Εγκαταστήστε τις γραμματοσειρές Powerline

Για να εγκαταστήσετε γραμματοσειρές Powerline, απλώς μεταβείτε στη διεύθυνση //github.com/powerline/fonts. Εκεί θα δείτε ένα σωρό φακέλους. Κάθε μια είναι μια γραμματοσειρά, γνωστή και ως "Patched γραμματοσειρές".

Ονομάζεται "Patched γραμματοσειρές" επειδή οι άνθρωποι έχουν πάρει κανονικές γραμματοσειρές και έχουν προσθέσει / διορθώσει πρόσθετα εικονίδια και γραμματοσειρές ειδικά για το Powerline.

3.1 Κατεβάστε ολόκληρο το repo και αποσυμπιέστε το

  • Κάντε κλικ στο κουμπί "Κλωνοποίηση ή λήψη" και κατεβάστε ολόκληρο το repo, ώστε να δοκιμάσετε διάφορες γραμματοσειρές.
  • Αποσυμπιέστε το fonts-master.zip

3.2 Εγκαταστήστε μερικές γραμματοσειρές

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

Για να εμφανίσουμε διάφορες καταστάσεις Git στη γραμμή εντολών, πρέπει να εγκαταστήσουμε το powerline-gitstatus. Είναι ένα απλό πρόσθετο στο Powerline και προσθέτει πολλά χρώματα και θέματα για την εμφάνιση διαφόρων πληροφοριών κατάστασης git.

4.1 Εγκαταστήστε το powerline-gitstatus

pip install --user powerline-gitstatus
Σημείωση: Απαιτείται εντολή “- user” για να την εγκαταστήσετε στο προφίλ του χρήστη.

4.2 Προσθέστε συνδυασμούς χρωμάτων powerline-gitstatus στο Powerline

4.2.1 Ανοίξτε τον ακόλουθο colorschemes/shell/default.jsonφάκελο

${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 Προσθέστε τα ακόλουθα χρώματα:

Όπως αναφέρεται στο powerline-gitstatus readme. PS: Απλώς αντιγράψτε τα χρώματα μέσα στις "ομάδες" και μετά προσθέστε τα στο default.json όπως φαίνεται παρακάτω.

Εδώ είναι οι χρωματικοί συνδυασμοί μου default.json (μπορείτε να το αντιγράψετε και να το επικολλήσετε αντί αυτού):

{ "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 Ενεργοποίηση του θέματος

4.3.1 Ανοίξτε το αρχείο default.json του θέματος

${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 Προσθέστε τα ακόλουθα στο default.json

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

Ακολουθεί το θέμα του Powerline's default.json (μπορείτε να το αντιγράψετε και να το επικολλήσετε αντί αυτού):

Σημείωση: Έχω αφαιρέσει τα πάντα από την ενότητα "δεξιά" και επίσης έχω αφαιρέσει τον "αριθμό εργασίας" ("jobnum") για να διατηρήσω τα πράγματα καθαρά. Διαφορετικά, θα δείτε ένα μικρό τεχνούργημα στη δεξιά πλευρά της προτροπής.
{ "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 Επανεκκινήστε το Daemon

Αποθηκεύστε το αρχείο και εκτελέστε τα εξής: powerline-daemon —-replaceστο τερματικό.

Σημαντική σημείωση: Κάθε φορά που κάνετε αλλαγές στο config Powerline του, εκτός από την επανεκκίνηση του τερματικού, θα πρέπει επίσης να κάνετε επανεκκίνηση του δαίμονα για να δείτε τις αλλαγές που αντικατοπτρίζεται εκτελώντας: powerline-daemon —-replace.

4.5 Επανεκκινήστε το τερματικό

Κλείστε το τερματικό (Terminal> Quit Terminal) και ανοίξτε το ξανά.

Σε αυτό το σημείο, τελειώσαμε όλοι! Μπά! Εάν ανοίξετε το Terminal και μεταβείτε σε οποιοδήποτε git repo και παίξετε, θα πρέπει να μοιάζει με το ακόλουθο.

Δείτε πώς φαίνεται στο θέμα Solarized-Light:

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

Εάν αυτό ήταν χρήσιμο, μοιραστείτε το! Ευχαριστώ! ??