Αρχική σελίδα » Εργαλειοθήκη » 10 πακέτα Υψηλού Κειμένου για προγραμματιστές Frontend

    10 πακέτα Υψηλού Κειμένου για προγραμματιστές Frontend

    Το Sublime Text είναι ένας από τους ισχυρότερους επεξεργαστές κώδικα με μερικά εκπληκτικά χαρακτηριστικά και μπορεί να είναι ακόμα πιο ισχυρός με την εγκατάσταση Plugins ή Πακέτα. Αυτά τα πρόσθετα προσθέτουν πρόσθετες λειτουργίες στο Sublime Text. Και σήμερα υπάρχουν πολλά plugins που πληρούν σχεδόν όλες τις ανάγκες σας για κωδικοποίηση.

    Βρίσκοντας μια καλή επέκταση όμως θα μπορούσε να είναι πραγματική πρόκληση. ορισμένες επεκτάσεις εγκαταλείφθηκαν εντελώς από τους προγραμματιστές τους, ενώ άλλοι ενδέχεται να μην είναι πλέον συμβατοί με το Sublime Text 3, την τελευταία έκδοση (τη στιγμή της γραφής).

    Αν είστε προγραμματιστής frontend, έχουμε επιλέξει μερικές επεκτάσεις και τις βάζουμε μαζί σε αυτό το άρθρο. Αυτά είναι 10 προγραμματιστές των προχωρημένων κειμένων για το περιβάλλον, θα πρέπει να δοκιμάσουν.

    Περισσότερα για το Hongkiat.com:

    • 18 απαραίτητα πρόσθετα για να αξιοποιήσετε περισσότερο το SublimeText
    • [Πώς] Εργασία με αποσπάσματα κώδικα Σε Υψηλή Κείμενο
    • [Πώς] Ανανέωση των αλλαγών στο πρόγραμμα περιήγησης με το Sublime Text
    • [Πώς] Εντοπισμός κωδικού σφάλματος στο Υψηλό κείμενο
    • Εύκολη συλλογή χρωμάτων σε έντονο κείμενο

    1. AlignTab

    Το AlignTab είναι ένα plugin για την ευθυγράμμιση των κωδικών σας. Εχει ένα “Λειτουργία προεπισκόπησης” που σας επιτρέπει να δείτε πώς θα εφαρμοστεί η ευθυγράμμιση (δεδομένης της σημείωσης RegEx) προτού εφαρμοστεί πραγματικά. Έχει επίσης το “Λειτουργία πίνακα” θα σας επιτρέψει να ορίστε την κατάλληλη ευθυγράμμιση για πίνακες σε μορφή Markdown, δομημένη με αγωγούς: |. Το AlignTab είναι μια εύχρηστη επέκταση για να ρυθμίσετε την ευθυγράμμιση κώδικα και να διευκολύνετε την ανάγνωση.

    2. ColorHighlighter

    Το ColorHighlighter είναι ένα πρόσθετο που εμφανίζει τους επιλεγμένους κωδικούς χρώματος με το οπτικό τους χρώμα. Αν επιλέξετε “#fff” θα σας δείξει το χρώμα, λευκό. Το ColorHighlighter υποστηρίζει όλες τις μορφές χρωμάτων CSS όπως Hex, RGB, HSL, HSV και περιλαμβάνει λέξεις-κλειδιά χρώματος όπως “το κόκκινο”, “πράσινος”, κλπ. Επίσης, σας δείχνει τις μεταβλητές ΜΗ, Sass και Stylus που περιέχουν μια τιμή χρώματος. Είναι ένα κομμάτι του plugin που θα σας βοηθήσει να είστε πιο διαισθητικός όταν εργάζεστε με χρώματα.

    3. MultiEditUtils

    Το plugin MultiEditUtils βελτιώνει το ενσωματωμένο SublimeText “πολλαπλού κέρσορα” και “πολυ-επιλογή” χαρακτηριστικό, εξοικονομώντας χρόνο για επεξεργασία μεγάλων γραμμών κώδικα. Για παράδειγμα: μπορείτε να συγχωνεύσετε ή να ανταλλάξετε μεταξύ επιλεγμένων γραμμών, βελτιώνει επίσης το SublimeText “διαίρεση επιλογής” επιτρέποντάς σας να ορίσετε τη σημείωση για τη διαίρεση επιλεγμένων γραμμών. Νομίζω ότι είναι ένα plugin που πρέπει να εγκατασταθεί για προ-κωδικοποιητές.

    4. Git Gutter

    Αν εργάζεστε με το Git, το Git Gutter είναι ένα προτεινόμενο plugin Sublime Text για εγκατάσταση. GitGutter θα εμφανίσει μια σημαία στην περιοχή υδρορροής, οποιουδήποτε τροποποιήσεις, προσθήκες ή κατάργηση που κάνατε στον κώδικα σας. Είναι ένας χρήσιμος κώδικας για να δείτε αμέσως τη σύγκριση μεταξύ της έκδοσης του κώδικα σας έναντι της δέσμευσής σας, του υποκαταστήματος ή του αποθετηρίου HEAD.

    5. Τροποποίηση

    Το Modific είναι χρήσιμο όταν χρησιμοποιείτε το Git ή το SVN στη δουλειά σας. Ακριβώς όπως το GitGutter, το Modific θα επισημάνει μια αλλαγή στους κωδικούς σας. Εκτός από την επισήμανση αλλαγών, μπορείτε επίσης να δείτε ή να συγκρίνετε τη διαφορά μεταξύ του τρέχοντος κώδικα και της τελευταίας διεκπεραίωσης πιέζοντας Ctrl + Alt + D. Άλλα πράγματα που μπορείτε να κάνετε με Modific περιλαμβάνουν προεπισκόπηση του δεσμευμένου κώδικα για την τρέχουσα γραμμή καθώς επαναφορά τροποποιήσεων κώδικα.

    6. Inc Dec Value

    Inc Dec Value σας επιτρέπει να αυξάνουν ή μειώνουν τους αριθμούς ταυτόχρονα, ακόμη και αν βρίσκονται σε διαφορετικές γραμμές. Εκτός από τους αριθμούς, μπορείτε επίσης να αλλάξετε την τιμή ημερομηνιών και τα χρώματα HEX. Για να χρησιμοποιήσετε αυτήν την προσθήκη, κατευθείαν κατευθείαν τον κέρσορα ακριβώς δεξιά του αριθμού και, στη συνέχεια, πατήστε Alt + ↑ για να αυξήσετε τον αριθμό ή Alt + ↓ για να μειώσετε τον αριθμό. Μπορείτε επίσης να χρησιμοποιήσετε τον τροχό του ποντικιού σας.

    7. FileBrowser

    Το FileBrowser προσφέρει έναν νέο τρόπο περιηγηθείτε στα αρχεία και στους φακέλους σας μέσα στον κατάλογο του έργου σας. Όταν εγκαθιστάτε αυτό το πρόσθετο, μπορείτε να έχετε πρόσβαση στον κατάλογο του έργου σας σε μια νέα πλαϊνή γραμμή και να περιηγηθείτε σε αυτό χωρίς να μετακινήσετε τα χέρια σας μακριά από το πληκτρολόγιό σας - όπως ένα προ-κωδικοποιητή. Όπως συνηθίσετε, αυτό το plugin μπορεί να ενισχύσει σταδιακά τη ροή εργασίας σας.

    8. IconFont

    Το IconFont παρέχει αποσπάσματα για πολλές δημοφιλείς γραμματοσειρές εικονιδίων όπως FontAwesome, PaymentFont, Typicons και Github Octicons. Λειτουργεί παρόμοια με τα κανονικά αποσπάσματα HTML όπου οι συντμήσεις θα επεκταθούν στο πλήρες μήκος των τάξεων και του κώδικα HTML για κάθε εικονίδιο.

    9. DistractionFreeWindow

    Αν και ενσωματωμένο το Sublime Text “Δωρεάν αποσύνδεση” μπορείτε να εστιάσετε στον κώδικα ή το περιεχόμενο που πληκτρολογείτε όταν βρίσκεστε σε αυτή τη λειτουργία, το minimap, η πλευρική γραμμή και όλες οι άλλες καρτέλες είναι κρυμμένες. Η αποφυγή διάρρηξης δεν θα πρέπει να σημαίνει απώλεια πρόσβασης σε αυτά τα χαρακτηριστικά. Αυτό είναι όπου DistractionFreeWindow έρχεται για να σας δώσει περισσότερη ευελιξία όσον αφορά το πώς θα πρέπει να συμπεριφέρεται η λειτουργία Free Distraction.

    10. Γραμμές φίλτρων

    Το FilterLines σάς επιτρέπει να κάνετε αναζήτηση στις γραμμές του εγγράφου σας για το δεδομένο “string string” ή “Σημείωση RegEx”. Είναι ένα εύχρηστο χαρακτηριστικό γνώρισμα αντιμετωπίζουν μεγάλες ποσότητες ανεπεξέργαστων δεδομένων με τη μορφή JSON, JavaScript Array, CVS.

    Ευγένεια εικόνας: David Peckham