Jazz Up τερματικό σας "ZSH" σε επτά βήματα - ένας οπτικός οδηγός

Σε αυτό το blog θα καλύψω την εγκατάσταση του ITerm2, του κελύφους ZSH, των θεμάτων, των χρωμάτων ITerm2, των plug-in "oh my ZSH" και της υποστήριξης "ligature" για να δημιουργήσω ένα όμορφο και ισχυρό τερματικό.

Αν θέλετε να κάνετε το κανονικό σας Bash Terminal ισχυρό, ρίξτε μια ματιά στο προηγούμενο blog μου: "Jazz Up Your Bash Terminal". Αλλά ZSH εξήγησε σε αυτό το blog είναι πιο ισχυρό πράγματα.

Περίληψη:

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

  1. Εγκατάσταση ITerm2 - Αυτή είναι μια καλύτερη εναλλακτική λύση από το προεπιλεγμένο τερματικό
  2. Εγκαταστήστε το τελευταίο κέλυφος ZSH - Αυτό είναι πιο ισχυρό από το κανονικό κέλυφος bash. Θα μεταστρέψουμε το ITerm2 για να χρησιμοποιήσουμε το κέλυφος ZSH.
  3. Εγκαταστήστε το "Oh My ZSH" - Πρόκειται για ένα εργαλείο CLI για εύκολη ρύθμιση του ZSH και προσθήκη θεμάτων και προσθηκών στο ZSH
  4. Προσθέστε δύο τύπους θεμάτων χρησιμοποιώντας το "Oh My ZSH" - ορισμένα θέματα χρειάζονται επιπλέον βήματα για να καλύψουμε και τα δύο
  5. Εγκαταστήστε διαφορετικά σχήματα ITerm2 - Αυτά είναι μόνο σχέδια χρωμάτων για το περιβάλλον χρήστη
  6. Προσθέστε δύο διαφορετικά πρόσθετα χρησιμοποιώντας το "Oh My ZSH" για να βελτιώσετε την παραγωγικότητα
  7. Ενεργοποιήστε την υποστήριξη "συνδέσμου" έτσι όταν γράφετε ένα βέλος =>, φαίνεται σαν ένα πραγματικό βέλος →

Βήμα 1 - Εγκαταστήστε το ITerm2

Πολλοί προγραμματιστές όπως το ITerm2 αντί του προεπιλεγμένου τερματικού. Είναι παρόμοιο με το Terminal, αλλά διαθέτει πολλά χαρακτηριστικά. Φυσικά μπορεί να τρέξει ZSH, Bash, και άλλα κοχύλια μέσα σε αυτό.

Το παρακάτω βίντεο εμφανίζει μερικά από τα νέα χαρακτηριστικά του στοιχείου 2 (v3).

Για αυτό το blog θα χρησιμοποιήσουμε το ITerm2. Όταν αναφέρω "Terminal", εννοώ ITerm2. Αν και τα βήματα είναι τα ίδια και για το Terminal ή για το ITerm2.

Βήμα 2- Αλλαγή Shell στο ZSH

Το παρακάτω βίντεο δείχνει γιατί το ZSH είναι καλύτερο από ένα κέλυφος bash.

Επιλογή 1 - Χρήση του ZSH του Mac:

Το Mac έρχεται με ένα ZSH εκτός πλαισίου, οπότε δεν χρειάζεται να το εγκαταστήσουμε. Ωστόσο, μερικές φορές είναι μια παλαιότερη έκδοση του ZSH. Συνήθως βρίσκεται στο / bin / zsh. Για να το χρησιμοποιήσουμε, το μόνο που χρειάζεται να κάνουμε είναι να αλλάξουμε το κέλυφος (chsh).

  1. Ανοίξτε το τερματικό (ή το ITerm2) και πληκτρολογήστε την ακόλουθη εντολή.
$ chsh -s $ (το οποίο zsh)

2. Πληκτρολογήστε τον κωδικό πρόσβασης και θα αλλάξει το κέλυφος κατά την αποσύνδεση και την είσοδο.

3. Αποσυνδεθείτε και ξανασυνδεθείτε

4. Για να δοκιμάσετε, ανοίξτε το τερματικό και πληκτρολογήστε τα παρακάτω και θα πρέπει να πει zsh.

$ echo $ 0
zsh // θα πρέπει να επιστρέψει zsh

Επιλογή 2- Εγκατάσταση Homebrew και Εγκατάσταση τελευταίου ZSH μέσω Homebrew

Αυτή η επιλογή είναι αρκετά κοινή μεταξύ των χρηστών, επειδή μερικά από τα plugins λειτουργούν μόνο με το τελευταίο ZSH.

Το Homebrew, απλά είπε, είναι ένας εγκαταστάτης γραμμής εντολών για όλα τα είδη λογισμικού. Ας το εγκαταστήσουμε πρώτα.

  1. Εγκαταστήστε το Homebrew εκτελώντας την ακόλουθη εντολή.
ruby -e "$ (curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

2. Εάν λάβετε Εργαλεία γραμμής εντολών για σφάλμα Xcode, αυτό σημαίνει ότι δεν έχετε εγκαταστήσει τα εργαλεία CLI για Xcode. Αν δεν λάβετε το σφάλμα, μπορείτε να παραλείψετε αυτό το βήμα, επειδή έχετε ήδη εγκαταστήσει το σφάλμα.

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

$ xcode-select - install

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

3. Εγκαταστήστε το ZSH μέσω του Homebrew

Εκτελέστε την ακόλουθη εντολή για να εγκαταστήσετε το ZSH. Παρέχεται εγκατεστημένο στο / usr / local / bin / zsh PS: Το προεπιλεγμένο ZSH του Mac είναι στο / bin / zsh

brew εγκαταστήσετε zsh

4. Χρησιμοποιήστε την έκδοση Homebrew του ZSH

Εκτελέστε την ακόλουθη εντολή. Θα σας ζητηθεί να εισαγάγετε τον κωδικό πρόσβασης του Mac.

chsh -s / usr / τοπικό / bin / zsh

5. Αποσυνδεθείτε και συνδεθείτε ξανά.

6. Δοκιμάστε αν χρησιμοποιούμε ZSH και το σωστό ZSH

$ echo $ 0
zsh // σωστό
$ που zsh
/ usr / local / bin / zsh // σωστή

Βήμα 3 "Oh My ZSH"

"Oh My ZSH" είναι ένα plugin που τρέχει στην κορυφή του ZSH. Παρέχει προεπιλεγμένη ρύθμιση για το αρχείο ZSH (~ / .zhrc) και παρέχει επίσης θέματα και περισσότερες δυνατότητες.

Από ό, τι γνωρίζω, οι περισσότεροι χρήστες ενέργειας που χρησιμοποιούν ZSH χρησιμοποιούν επίσης το "Oh My ZSH".
  1. Εγκαταστήστε "Oh My ZSH"

Εκτελέστε την ακόλουθη εντολή για να εγκαταστήσετε το "oh My ZSH".

sh -c "$ (curl -fsSL https://raw.github.com/robbyrussell/oh-my-zsh/master/tools/install.sh)"
Oh My ZSH έχει εγκατασταθεί

2. Κλείστε και κλείστε το ITerm2 και ανοίξτε το ξανά.

Θα πρέπει να μοιάζει με κάτι πιο κάτω. Παρατηρήστε ότι η ερώτηση έχει αλλάξει και το θέμα είναι λίγο διαφορετικό - Αυτό είναι "Oh My ZSH" σε δράση για σας.

Αρχικό Oh My ZSH Θέμα

Βήμα 4 - Αλλαγή θεμάτων και εγκατάσταση γραμματοσειρών

Σε αυτό το βήμα, θα προσθέσουμε δύο διαφορετικά θέματα "Oh My ZSH". "Oh My ZSH" έρχεται με τους τόνους των θεμάτων. PS: Ορισμένα Θέματα χρειάζονται επιπλέον βήματα, όπως την εγκατάσταση συγκεκριμένων γραμματοσειρών κ.ο.κ.

Για να ορίσετε ένα θέμα, απλά ανοίξτε το αρχείο ~ / .zshrc (δημιουργήθηκε από το "Oh My ZSH") και αλλάξτε το θέμα όπως φαίνεται παρακάτω.

Το PS: .zshrc είναι το αρχείο ρυθμίσεων για το κέλυφος ZSH. Τα άτομα που δεν χρησιμοποιούν το "Oh My ZSH" θα πρέπει να δημιουργήσουν αυτό το αρχείο με το χέρι και να προσθέσουν τα ίδια τα configs. "Oh My ZSH" δημιουργεί αυτόματα αυτό το αρχείο αν δεν υπάρχει και στη συνέχεια προσθέτει το δικό του σύνολο configs σε αυτό το αρχείο.

Θέμα 1 - Ας προσθέσουμε ένα θέμα που ονομάζεται "Avit"

  1. Ανοίξτε το .zshrc
$ open ~ / .zshrc

2. Αλλάξτε το Θέμα σε "Avit"

Μπορείτε να περιηγηθείτε σε όλα τα θέματα "Oh My ZSH" εδώ. Για να αλλάξετε το θέμα, απλά αλλάξτε την τιμή ZSH_THEME σε αρχείο ~ / .zshrc από το robbyrussell στο Avit.

3. Ενημερώστε τη διαμόρφωση του ZSH

Εκτελέστε την ακόλουθη εντολή για να ενημερώσετε τη διαμόρφωση.

$ source ~ / .zhrc
Η γραμμή εντολών σας στο Avit Theme

4. Αλλάξτε το χρώμα φόντου και το μέγεθος της γραμματοσειράς

Ανοίξτε το ITerm2> Προτιμήσεις> Προφίλ> Χρώματα και αλλάξτε το μαύρο χρώμα φόντου για χρήση 20% γκρι όπως φαίνεται παρακάτω.

Χρησιμοποιήστε γκρι φόντο 20%

Στη συνέχεια, ανοίξτε το κείμενο> Αλλαγή γραμματοσειράς και αλλάξτε το μέγεθος σε 14pt.

Αλλάξτε τη γραμματοσειρά σε 14ptΈνα καθαρό και όμορφο Iterm2 με ZSH!

Εντάξει, Ας εγκαταστήσουμε ένα διαφορετικό Θέμα που χρειάζεται γραμματοσειρές.

Θέμα 2 - Εγκατάσταση "agnoster" Oh My θέμα ZSH

Αυτό είναι ένα δημοφιλές θέμα γιατί μιμείται την εφαρμογή Powerline Python που ενισχύει το τερματικό. Η παρακάτω εικόνα δείχνει πώς φαίνεται. Αλλά αυτό το θέμα χρειάζεται επίσης να εγκαταστήσουμε θέματα Powerline.

agnoster Oh Το θέμα μου ZSH

1. Εγκαταστήστε γραμματοσειρές Powerline

$ git κλώνος https://github.com/powerline/fonts.git
$ cd γραμματοσειρές
$ ./install.sh

2. Αλλάξτε το θέμα σε "agnoster"

$ open ~ / .zshrc
Ορίστε το ZSH_THEME = "agnoster" και αποθηκεύστε το αρχείο

3. Κλείστε το ITerm2 και ανοίξτε το ξανά.

4. Ρυθμίστε τη γραμματοσειρά Powerline

Μπορείτε να ορίσετε οποιαδήποτε τυπογραφική γραμματοσειρά του Powerline που σας αρέσει. Όλες οι γραμματοσειρές τελειώνουν με "για Powerline".

Ανοίξτε το ITerm2> Προτιμήσεις> Προφίλ> Κείμενο> Αλλαγή γραμματοσειράς και ορίστε το σε κάτι που έχει "για Powerline". Επιλέγω τη γραμματοσειρά "Meslo LG DZ for Powerline".

Meslo LG DZ για γραμματοσειρά Powerline Iterm2
Σημείωση - Αν έχετε σύγχυση σχετικά με τις γραμματοσειρές και Θέματα: Τα Θέματα είναι για το "Oh My ZSH" και το κέλυφος ZSH και οι γραμματοσειρές είναι για το ίδιο το Iterm2.

5. Όλα τελείωσαν

Στο σημείο αυτό το τερματικό σας θα πρέπει να φαίνεται ως εξής:

Βήμα 5 - Εγκατάσταση των χρωμάτων του iTerm2 "(ITerm2 Themes)

Υπάρχουν πολλά πανέμορφα σχέδια χρωμάτων για το iTerm2. Αυτά τα σχήματα αλλάζουν το χρώμα του προσκηνίου, το χρώμα φόντου, το χρώμα δρομέα κ.ο.κ. Μπορείτε να τα βρείτε στα iTerm2-color schemes Github repo.

Σημείωση: Αυτά είναι μόνο τα σχέδια χρωμάτων του ITerm2 UI και δεν ασχολούνται με την εμφάνιση και την αίσθηση της γραμμής εντολών σαν τα θέματα "Oh My ZSH" (εκτός από την αλλαγή των χρωμάτων).

Ακολουθήστε αυτά τα βήματα για να τα εγκαταστήσετε.

  1. Κάντε λήψη των σχεδίων χρωμάτων iTerm2 ως αρχείο zip και εξαγάγετε το
  2. Ο φάκελος "Σχήματα" περιέχει όλα τα αρχεία χρωμάτων - τελειώνουν με .itermcolors
  3. Ανοίξτε το iTerm2> Προτιμήσεις> Προφίλ> Χρώματα> Προεπιλογές χρωμάτων> Εισαγωγή
  4. Στο παράθυρο εισαγωγής, μεταβείτε στο φάκελο "Σχήματα" (από το βήμα 2)
  5. Επιλέξτε όλα τα αρχεία, ώστε να μπορείτε να εισάγετε όλα τα σχέδια χρωμάτων ταυτόχρονα
  6. Απλά επιλέξτε όποιο σχήμα χρωμάτων θέλετε.
Τα αγαπημένα μου είναι το Batman και το Argonaut
Θέμα Batman Iterm2

Το χρώμα του συστήματος Argonaut φαίνεται παρακάτω:

Σχήμα χρωμάτων Argonaut

Βήμα 6 - Εγκατάσταση πρόσθετων στοιχείων

Οι προσθήκες προσθέτουν περισσότερες λειτουργίες στη ροή εργασίας σας. Από προεπιλογή, το "Oh My ZSH" έχει ήδη το plugin "git"! και γι 'αυτό μπορείτε να δείτε όλες αυτές τις καταστάσεις Git στις προτροπές σε προηγούμενα στιγμιότυπα οθόνης. Ας προσθέσουμε ένα άλλο για να δούμε πώς λειτουργεί.

Σημείωση: Σε αυτήν την ενότητα, θα εγκαταστήσουμε δύο διαφορετικές προσθήκες για να δείξουμε πώς λειτουργούν.

Προσθήκη 1 - Προσθήκη προσθήκης επισήμανσης σύνταξης

Η προσθήκη επισήμανσης σύνταξης προσθέτει όμορφα χρώματα στις εντολές που πληκτρολογείτε όπως φαίνεται παρακάτω.

  1. Κλωνοποιήστε το repo του plugin zsh-syntax-highlighting και αντιγράψτε το στον κατάλογο plugin "Oh My ZSH".
git κλώνος https://github.com/zsh-users/zsh-syntax-highlighting.git $ {ZSH_CUSTOM: - ~ / .oh-my-zsh / προσαρμοσμένο} / plugins / zsh-syntax-highlighting

2. Ενεργοποιήστε την προσθήκη στο ~ / .zshrc προσθέτοντας `zsh-syntax-highlighting στην ενότητα Plugins όπως φαίνεται παρακάτω.

Προσθέστε ένα νέο πρόσθετο σε μια νέα γραμμή μέσα στην ενότητα plugins

3. Επαναβάστε τη διαμόρφωση zshrc

πηγή ~ / .zshrc

Plugin 2 - Προσθήκη προσθήκης ZSH-AutoSuggestion

Αυτή η αυτόματη προσθήκη προτείνει οποιαδήποτε από τις προηγούμενες εντολές. Πολύ βολικό! Για να επιλέξετε την ολοκλήρωση, πατήστε το πλήκτρο →.

  1. Εγκαταστήστε το plugin
git κλώνος https://github.com/zsh-users/zsh-autosuggestions $ ZSH_CUSTOM / plugins / zsh-autosuggestions
PS: Το ZSH_CUSTOM δείχνει στο ~ / .oh-my-zsh / έθιμο

2. Ανοίξτε το ~ / .zshrc και προσθέστε zsh-autosuggestions

Βήμα 7 - Χρήση υποστήριξης Ligature

Υπάρχουν διάφορες γραμματοσειρές που βοηθούν τους χειριστές να μοιάζουν λιγότερο από το διπλό ίσο, το δεξιό βέλος, το μη ισόποσο, και ούτω καθεξής. Για παράδειγμα, κάθε φορά που πληκτρολογείτε: =>, γίνεται: →.

Για να χρησιμοποιήσουμε αυτό, χρειαζόμαστε γραμματοσειρές που υποστηρίζουν συνδέσμους. Πρέπει επίσης να το ενεργοποιήσουμε στο ITerm2. Το FiraCode είναι μια τέτοια γραμματοσειρά. Ακολουθήστε τα βήματα για να εγκαταστήσετε και να ενεργοποιήσετε τους συνδέσμους.

  1. Κάντε λήψη του repo του FiraCode και εξαγάγετε το αρχείο zip (ή κλωνοποιήστε το)
  2. Ανοίξτε το φάκελο dstr> ttf και κάντε διπλό κλικ σε όλα τα αρχεία * .ttf και επιλέξτε το κουμπί "Εγκατάσταση γραμματοσειράς" για να εγκαταστήσετε καθεμία από τις παραλλαγές της γραμματοσειράς.
  3. Πλοηγηθείτε στο ITerm2 | Προτιμήσεις | Προφίλ | Κείμενο
  4. Επιλέξτε Use Ligaturescheckbox
  5. Κάντε κλικ στην επιλογή Αλλαγή γραμματοσειράς και επιλέξτε τη γραμματοσειρά Regular Font Fira

Περίληψη

Έχουμε καλύψει πολλά σε αυτό το blog ξεκινώντας από την εγκατάσταση του τελευταίου ZSH μέσω Homebrew, Oh My ZSH, Plugins, Θέματα, επιτρέποντας "ligatures" για τη γραμματοσειρά FiraCode.

Σας ευχαριστώ!

Αν αυτό ήταν χρήσιμο, κάντε κλικ στο πλήκτρο κάτω από μερικές φορές για να δείξετε την υποστήριξή σας! ⬇⬇⬇

Άλλες Δημοσιεύσεις μου

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

ECMAScript 2015+

  1. Ελέγξτε αυτές τις χρήσιμες συμβουλές και κόλπα ECMAScript 2015 (ES6)
  2. 5 JavaScript "Bad" Μέρη που έχουν καθοριστεί στο ES6
  3. Είναι η "κλάση" στο ES6 Το νέο "κακό" μέρος;

Βελτιώσεις στο τερματικό

  1. Πώς να Jazz Up τερματικό σας - ένας οδηγός βήμα προς βήμα με εικόνες
  2. Jazz Up τερματικό σας "ZSH" σε επτά βήματα - ένας οπτικός οδηγός

WWW

  1. Μια συναρπαστική και βρώμικη ιστορία του Web και JavaScript

Εικονικό DOM

  1. Εσωτερικές εργασίες του εικονικού DOM

Αντιδράστε με την απόδοση

  1. Δύο γρήγοροι τρόποι μείωσης του μεγέθους της εφαρμογής στην παραγωγή
  2. Χρησιμοποιώντας την αντίληψη αντί της αντίδρασης

Λειτουργικός Προγραμματισμός

  1. JavaScript είναι πλήρης Turing - Επεξήγηση
  2. Λειτουργικός Προγραμματισμός σε JS - Με Πρακτικά Παραδείγματα (Μέρος 1)
  3. Λειτουργικός προγραμματισμός σε JS - με πρακτικά παραδείγματα (Μέρος 2)
  4. Γιατί Redux Need Reducers να είναι "Καθαρές λειτουργίες"

WebPack

  1. Webpack - Τα συγχέοντας μέρη
  2. Αντικατάσταση Webpack & θερμής μονάδας [HMR] (κάτω από την κουκούλα)
  3. Το HMR και το React-Hot-Loader του Webpack - Το εγχειρίδιο που λείπει

Draft.js

  1. Γιατί Draft.js και γιατί πρέπει να συμβάλει
  2. Πώς το Draft.js αντιπροσωπεύει δεδομένα εμπλουτισμένου κειμένου

Αντανακτήστε και Redux:

  1. Οδηγός βήμα προς βήμα για την κατασκευή αντιδράσεων Redux Apps
  2. Ένας οδηγός για την κατασκευή μιας εφαρμογής Redux CRUD App (εφαρμογή 3 σελίδων)
  3. Χρησιμοποιώντας το Middlewares In React Redux Apps
  4. Προσθέτοντας μια ισχυρή επικύρωση φόρμας για να απαντήσετε σε εφαρμογές Redux
  5. Εξασφαλίστε React Redux Apps με JWT Tokens
  6. Διαχείριση συναλλαγών μηνυμάτων ηλεκτρονικού ταχυδρομείου σε αντιδράσεις Redux Apps
  7. Η ανατομία της ένα React Redux App
  8. Γιατί Redux Need Reducers να είναι "Καθαρές λειτουργίες"
  9. Δύο γρήγοροι τρόποι μείωσης του μεγέθους της εφαρμογής στην παραγωγή

Αν αυτό ήταν χρήσιμο, κάντε κλικ στο πλήκτρο below κάτω από μερικές φορές για να δείξετε την υποστήριξή σας! ⬇⬇⬇

Αν έχετε ερωτήσεις, μη διστάσετε να με ρωτήσετε στο Twitter: https://twitter.com/rajaraodv